React开发简书项目 从零基础入门到实战超清原画云盘分享

#1

React开发简书项目 从零基础入门到实战超清原画完整无密

下载地址:百度云盘

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

课程目录:

第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

5-5 Action 和 Reducer 的编写

5-6 使用 Redux 完成 TodoList 删除功能

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 课程总结

本课程已完结