当前位置:网站首页 > React Native移动开发 > 正文

react精髓(react经验)



1 给项目预先安装一些有用的工具 1


了解我们的项目. 2


安装Node.js 和npm 3


安装Git 4


从Twitter Streaming API 中获取数据 5


使用Snapkite引擎来过滤数据 6


创建项目结构 9


创建package.json 10


复用Node.js 模块 11


使用Gulp.js 来构建应用 12


创建一个网页 15


小结 16


2 创建你的第一个React 元素 17


理解虚拟DOM 18


安装React 19


使用JavaScript 创建React 元素 20


type 参数 22


props 参数 22


children 参数 23


渲染React 元素 27


使用JSX 来创建React 元素 28


小结 30


3 创建你的第一个React 组件 31


无状态与有状态 31


创建第一个无状态React 组件 32


创建第一个有状态React 组件 37


小结 44


4 让React 组件变得可响应 45


使用React 解决问题 45


规划React 应用程序 47


创建一个React 组件容器 49


小结 57


5 结合其他库来使用React 组件 59


在React 组件中使用其他库 59


理解React 组件的生命周期方法 64


挂载方法 66


卸载方法 71


小结 72


6 更新React 组件 73


理解组件生命周期的更新方法 73


componentWillReceiveProps()方法 74


shouldComponentUpdate()方法 77


componentWillUpdate()方法 77


componentDidUpdate()方法 78


设置React 组件的默认属性 79


验证React 组件的属性 83


创建Collection 组件 85


小结 91


7 构建复杂的React 组件 93


创建TweetList组件 93


创建CollectionControls组件 98


创建CollectionRenameForm组件 105


创建Button 组件 111


创建CollectionExportForm组件 112


小结 114


8 使用Jest 来测试React 应用程序 115


为什么要写单元测试 115


创建测试套件、规范和期望 115


安装并运行Jest 121


创建更多的测试规范和期望 122


测试React 组件 130


小结 137


9 使用Flux 完善React 架构 139


分析当前应用的架构 139


理解Flux 142


创建分发器 143


创建动作生成器 144


创建存储 145


小结 150


10 使用Flux 提升应用的可维护性 151


借助Flux 实现解耦 152


重构Stream 组件 155


创建CollectionStore 161


创建CollectionActionCreators 167


重构Application 组件 169


重构Collection 组件 171


重构CollectionControls组件 175


重构CollectionRenameForm组件 178


重构TweetList组件 180


重构StreamTweet组件 181


编译 181


· · · · · · (收起)

到此这篇react精髓(react经验)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!


















































































































































































































































版权声明


相关文章:

  • react组件框架(react app框架)2026-04-10 20:36:08
  • react从入门到精通(react从入门到精通pdf)2026-04-10 20:36:08
  • react组件constructor(react组件封装)2026-04-10 20:36:08
  • 速排蚂蚁编辑器怎么移动图片(速排小蚂蚁编辑器的文章怎么预览)2026-04-10 20:36:08
  • react精髓(react 技巧)2026-04-10 20:36:08
  • react 进阶(react进阶之路 百度网盘)2026-04-10 20:36:08
  • react获取当前路由地址(react获取ref)2026-04-10 20:36:08
  • react 进阶(react从入门到精通)2026-04-10 20:36:08
  • react从入门到精通(react 快速入门)2026-04-10 20:36:08
  • react入门项目(react基础入门)2026-04-10 20:36:08
  • 全屏图片