LearnReactDemo/
|
├──react-demo/ * 学习-react基本概念
|
├──react-form/ * 学习-表单
|
├──react-redux/ * 学习- redux基本概念和一些助理解的话
│
├──react-router/ * 学习-路由
│
├──redux-demo/ * 计算器Demo
|
|————src/ * 主程序
│
│──components * 所有组件 //计算器和计数器
│
└──Error * 错误处理中心
│
└──Redux * redux
│
└──Router * 路由
│
└──Style * 所有样式变量
│
└──index.js * App入口
-
1.看官方文档
-
2.写一些小Demo
- 推荐阮老师的react入门教程 React 入门实例教程
去github上把他的例子拷贝下来,一个一个的改一下。 会改就证明看懂了这些例子,看不懂的也不急,阮老师对每个例子在他的博文中都有讲解,对着解疑排惑就行。
-
3.学习redux
- 官方文档:redux文档
- 阮老师入门教程:Redux 入门教程(一):基本用法
知道redux的基本概念和用法后,就去官方文档上拷贝的官方提供的几个栗子
从计数器栗子入手理解redux分层的数据流动。
相关学习资料:当然也可以看下我的博客记录^_^
-
4.计算器实战
我们运用所学的知识融会贯通地写一个计算器demo,其中涉及的知识点:
react
,redux
,ES6
,flex布局
,一些算法、数据结构的知识
效果图: