[JavaScript] 2018最新React16.X从零开始到项目实战 React16.4 开发简书项目实战 ...

admin · 发表于 2018-9-7 09:49:04

课程名称:  2018最新React16.X从零开始到项目实战 React16.4 开发简书项目实战视频教程

课程简介:

本课程通过对简书项目进行实战开发，从基础原理逐步深入讲解React中的主流技术以及实战中的应用。课程讲解全部使用React16最新语法，让同学们全方位理解应用React构建项目，直接上手中级以上难度React项目开发。

适合人群
应届生，初级中级前端工程师

技术储备要求
了解 JS 基础语法、NPM 开发环境、ES6

----------------------课程目录------------------------------

第1章课程导学
本章主要介绍学习react的重要性，课程的知识大纲，学习前提，讲授方式及预期收获。

1-1 课程导学
第2章 React初探
本章主要讲解React项目的开发环境搭建，工程代码结构及React中最基础的语法内容，同时对前端组件化思想进行介绍。

2-1 React简介
2-2 React开发环境准备
2-3 工程目录文件简介
2-4 react中的组件
2-5 React 中最基础的JSX语法
第3章 React基础精讲
本章通过TodoList功能的实现，给大家完整介绍React的基础语法，设计理念以及围绕React展开的一些编程思维。

3-1 使用React编写TodoList功能
3-2 React 中的响应式设计思想和事件绑定
3-3 实现 TodoList 新增删除功能
3-4 JSX语法细节补充
3-5 拆分组件与组件之间的传值
3-6 TodoList 代码优化
3-7 围绕 React 衍生出的思考
第4章 React高级内容
本章讲解React高级部分内容，包含PropTypes，生命周期函数，虚拟Dom，数据mock，动画实现等部分课程讲解。

4-1 React developer tools 安装及使用
4-2 PropTypes 与 DefaultProps 的应用
4-3 props，state 与 render 函数的关系
4-4 React 中的虚拟DOM
4-5 深入了解虚拟DOM
4-6 虚拟 DOM 中的 Diff 算法
4-7 React 中 ref 的使用
4-8 React的生命周期函数
4-9 React 生命周期函数的使用场景
4-10 使用Charles实现本地数据mock
4-11 React 中实现 CSS 过渡动画
4-12 React 中使用 CSS 动画效果
4-13 使用 react-transition-group 实现动画（1）
4-14 react-transition-group 的使用(2)
第5章 Redux入门
本章主要讲解Redux产生背景，组成内容以及使用方式，通过实例带大家上手Redux数据管理框架的使用。

5-1 Redux 概念简述
5-2 Redux 的工作流程
5-3 使用 Antd 实现 TodoList 页面布局
5-4 创建 redux 中的 store_x264
5-5 Action 和 Reducer 的编写
5-6 使用 Redux 完成 TodoList 删除功能_x264
5-7 ActionTypes 的拆分
5-8 使用 actionCreator 统一创建 action
5-9 Redux 知识点复习补充
第6章 Redux进阶
本章主要讲解UI组件与容器组件基础，如何使用redux-thunk，redux-saga等Redux中间件，以及react-redux的使用方式。

6-1 UI组件和容器组件
6-2 无状态组件
6-3 Redux 中发送异步请求获取数据
6-4 使用Redux-thunk 中间件实现ajax数据请求
6-5 什么是Redux的中间件
6-6 Redux-saga 中间件使用入门（1）
6-7 Redux-saga 中间件使用入门（2）
6-8 如何使用 React-redux（1）
6-9 如何使用 React-redux（2）
6-10 使用React-redux完成TodoList功能
第7章项目实战：Header组件开发
本章讲解项目中公用Header组件的开发，包含动画效果实现，iconfont，immutable.js，styled-components的使用以及异步数据的获取。

7-1 项目目录搭建，Styled-Components 与 Reset.css 的结合使用
7-2 使用 styled-components 完成 Header 组件布局（1）
7-3 使用 styled-components 完成 Header 组件布局（2）
7-4 使用 iconfont 嵌入头部图标
7-5 搜索框动画效果实现
7-6 使用 React-Redux 进行应用数据的管理
7-7 使用 combineReducers 完成对数据的拆分管理
7-8 actionCreators 与 constants 的拆分
7-9 使用 Immutable.js 来管理store中的数据
7-10 使用 redux-immutable 统一数据格式
7-11 热门搜索样式布局
7-12 Ajax获取推荐数据
7-13 代码优化微调
7-14 热门搜索换页功能实现
7-15 换页旋转动画效果的实现
7-16 避免无意义的请求发送，提升组件性能
第8章项目实战：首页开发
本章将带大家完成项目首页的开发，课程能容包含react-router4的使用，组件及reducer的拆分设计，首页部分的核心功能包含列表显示，加载更多，返回顶部等。

8-1 什么是路由，如何在React中使用路由功能
8-2 首页组件的拆分
8-3 首页专题区域布局及reducer的设计
8-4 首页文章列表制作
8-5 首页推荐部分代码编写
8-6 首页异步数据获取
8-7 异步操作代码拆分优化
8-8 实现加载更多功能
8-9 返回顶部功能实现
8-10 首页性能优化及路由跳转
第9章项目实战：详情页面和登录功能开发
本章将完成详情页面的开发，过程中将完整介绍react-router跨页面传值的方法及登陆鉴权的实现思路。同时我们将给大家介绍异步组件和路由withRouter方法的使用方式。

9-1 详情页面布局
9-2 使用redux管理详情页面数据
9-3 异步获取数据
9-4 页面路由参数的传递
9-5 登陆页面布局
9-6 登陆功能实现
9-7 登陆鉴权及代码优化
9-8 异步组件及withRouter路由方法的使用
第10章课程总结
本章将给大家介绍项目的上线流程，React版本升级对本项目的影响，并带大家进行整个课程的知识点回顾。

10-1 项目上线流程
10-2 React 版本升级说明
10-3 课程总结


下载地址：

游客，如果您要查看本帖隐藏内容请回复

版权声明

1、本站所发布的一切学习教程、软件等仅限用于学习体验和研究目的；请自觉下载后24小时内删除，严禁用于其他用途，如果你喜欢教程，请支持正版教程软件，得到更好的正版服务，本站内容全部来自网络，版权争议与本站无关，如果您认为侵犯了您的合法权益，请联系我们删除。发送邮件到邮箱：liujun540@qq.com。

2、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任。

3、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

qiang19970530 · 发表于 2018-9-7 13:33:21

66666666666666666666666666666

显示全部楼层 · 发表于 2018-9-8 10:13:50

提示: 作者被禁止或删除内容自动屏蔽

love_wqt · 发表于 2018-9-21 23:01:59

6666666666666666

wan151245613 · 发表于 2018-10-9 22:55:26

00000000000000000000

火云堂 · 发表于 2018-11-15 19:35:31

JavaScript] 2018最新React16.X从零开始到

907470280 · 发表于 2021-10-13 10:10:49

提示: 作者被禁止或删除内容自动屏蔽

海上孤灯 · 发表于 2022-6-15 16:49:55

学习了，不错

		自动登录	找回密码
密码			立即注册

jbn800 该用户已被删除	发表于 2018-9-8 10:13:50 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
jbn800 该用户已被删除
	回复使用道具举报

大秀场

[JavaScript] 2018最新React16.X从零开始到项目实战 React16.4 开发简书项目实战 ...

版权声明

浏览过的版块