为了账号安全,请及时绑定邮箱和手机立即绑定

React.JS

《React精髓》学习笔记

《React 精髓》虽然没有最新的Reduce,但是还是值得一看。 一、给项目安装必要的工具 React牛在何处?--React将命令式的API包装成为声明式的API,React牛在改变了我们的编写代码的方式; 声明式编程的代码要少于命令式编程--声明式是告诉计算机要去做什么而不管怎么做,而命令式是要描述如何去做。jQuery和JavaScript DOM API就是典型的命令式编程。 Snapt...

270浏览 2推荐 0评论

【React.js模仿大众点评webapp】实战教程(12)收藏和购买

收藏和购买的开发 源码地址 https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage6-detail-buy-store 最终页面效果 增加“收藏 & 购买”子页面 定位到Detail页面,本节教程讲解的功能需要在该页面的基础上再做增加。先增加一个subpage/Buy.jsx的子页面,然后...

487浏览 4推荐 1评论

【React 模仿大众点评 webapp】实战教程 - 文档目录总结

总结所有章节的文档 【React.js模仿大众点评webapp】实战教程(1)搭建 webpack+React 开发环境 【React.js模仿大众点评webapp】实战教程(2)React 基础 【React.js模仿大众点评webapp】实战教程(3)React 性能优化方案 【React.js模仿大众点评webapp】实战教程(4)React-router 【React.js模仿大众点评we...

109浏览 2推荐 1评论

【React.js模仿大众点评webapp】实战教程(13)开发用户中

用户主页的开发 源码地址 https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage7-user-page 页面实现效果 路由配置 查看该页面的路由配置代码。 <Router history={this.props.history}> <Route path='/' component=...

83浏览 1推荐 1评论

Redux概念之二: Redux的三大原则 原创

Redux里的强硬规则与设计不少,大部份都会与FP(函数式程序开发)、改进原本的Flux架构设计有关。Redux官网文档上的三大基本原则,主要是因为有可能怕初学者不理解Redux中的一些限制或设计,所以先写出来说明,这里面也说明了Redux的设计原理基础是如何,所以强烈建议所有的初学者一定要彻底地理解这三大原则中的意义,多看几遍,对日后的学习会很有帮助。以下分别说明,主要以原文的标题与内容说明,尽...

123浏览 1推荐 0评论

Redux概念之一: Redux简介 原创

Redux的官网中用一句话来说明Redux是什么: Redux是针对JavaScript应用的可预测状态容器 这句话虽然简短,其实是有几个涵义的: 可预测的(predictable): 因为Redux用了reducer与纯函数(pure function)的概念,每个新的state都会由旧的state建来一个全新的state,这样可以作所谓的时光旅行调试。因此,所有的状态修改都是"可预测...

165浏览 1推荐 1评论

【React.js模仿大众点评webapp】实战教程(9)开发搜索结果

搜索页面的开发 - part1 源代码地址 https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage3-search-page-1 part1 && part2 part1 主要介绍一些正式进入页面开发前的准备工作,但是也都非常重要(否则不会单独拿出来) part2 正式开发搜索页面,详解页面每一部分的开发...

159浏览 1推荐 0评论

React和webpack的hello-world项目

npm install的几个参数讲解: npm install pkg 本地安装 npm install --save pkg 本地安装并将依赖保存到dependencies中用于生产环境 npm install --save-dev pkg 本地安装并将依赖保存到devDependencies中用于开发环境 npm install -g pkg全局安装 实际开发中根据情况使用2、3两种包的安装方...

134浏览 2推荐 0评论

【React.js模仿大众点评webapp】实战教程(7)开发首页

源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage1-home-page 首页开发 这一大节,详细介绍一下我们如何从一个空代码框架,做出一个首页的效果。 特别提醒:再分析之前,我们首先要回忆下之前讲过的page - subpage - components以及“智能组件”、&ldqu...

312浏览 1推荐 0评论

Flow - JS静态类型检查工具

本章的目标是提供一些Flow工具的介绍与使用建议。Flow本质上也只是个检查工具,它并不会自动修正代码中的错误,也不会强制说你没按照它的警告消息修正,就不会让你运行程序。当然,并没有要求什么时候一定要用这类的工具,只是这种作法可以让你的代码更具强健性与提高阅读性,也可以直接避去很多不必要的数据类型使用上的问题,这种开发方式目前在许多框架与函数库项目,或是以JavaScript应用为主的开发团队中都...

110浏览 1推荐 0评论

如何一周快速开发上线App?

本文转自@vczero:http://aissues.com/book.php?id=38385589-D7DA-4988-BA7B-C85EE0464481 最近跟一些同学交流,发现很多同学都有想开发一款上线App的念头。 但是,很多情况下,却没有行动。有很多原因,一个是没有时间,工作太忙;另一个是没有想好怎么做;更多的是不知道一款开发上线App需要多少时间,整个流程是怎么样的。 16年年初那段...

4431浏览 45推荐 4评论

新手教程 - react基础入门 原创

github仓库 github中包含了所有的源码,麻烦在各位fork的同时,给小的赏一颗star,谢谢! https://github.com/Rynxiao/react-newer JSX语法 const element = <h1>Hello, world!</h1>; This funny tag syntax is neither a string nor HTML...

386浏览 2推荐 0评论

react制作webapp转场动画探索 原创

react-css3-transition-group 手机端配合react-route转场动画案例初探 用法 npm install npm run dll npm run start 代码说明 采用react-addons中提供的css3动画效果 搭配react-route进行路由切换 设置组件进入和退出的css样式(通过transform搭配transition动画) 代码核心 <Re...

313浏览 2推荐 0评论

【React.js模仿大众点评webapp】实战教程(6)使用fetc

fetch 获取/提交数据,以及开发环境下的数据 Mock 源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/getready-fetch 在 jQuery 开发时代,jQuery 已经为我们封装了非常优雅的 ajax 函数,并且针对各个浏览器都做了很好的兼容,非常棒。但是如果你用 React vue 或者 angu...

580浏览 3推荐 0评论

【React.js模仿大众点评webapp】实战教程(8)开发选择城市

源码地址:https://github.com/wangfupeng1988/react-simple-o2o-demo/tree/stage2-city-page 选择城市页面的开发 介绍选择城市页面的开发过程。 链接到“选择城市”页面 通过react-router来做页面之间的路由跳转,代码如下。这个<Link>最终会被 React 处理成<a>...

470浏览 2推荐 0评论
首页上一页1234下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信