联系客服
关注公众号
React实战进阶45讲
# 课程目录: # 第一章 :React 基础 01 | React出现的历史背景及特性介绍 02 | 以组件方式考虑UI的构建 03 | JSX 的本质 : 不是模板引擎,而是语法糖 04 | React组件的生命周期及其使用场景 05 | 理解 Virtual DOM 及 key 属性的作用 06 | 组件设计模式 : 高阶组件和函数作为子组件 07 | 理解新的 Context API 及其使用场景 08 | 使用脚手架工具创建 React 项目 09 | 打包和部署 # 第二章 :React 生态圈 10 | Redux(1) : 前端为何需要状态管理库 11 | Redux(2) : 深入理解 Store, Action, Reducer 12 | Redux(3) : 在React中使用Redux 13 | Redux(4) : 理解异步 Action,Redux 中间件 14 | Redux(5) : 如何组织Action和Reducer 15 | Redux(6) : 理解不可变数据(Immutability) 16 | React Router(1):路由不只是页面切换,更是代码组织方式 17 | React Router(2):参数定义,嵌套路由的使用场景 18 | UI组件库对比和介绍:Ant.Design,Material UI,Semantic UI 19 | 使用Next.js创建React同构应用 20 | 使用Jest,Enzyme等工具进行单元测试 21 | 常用开发调试工具:ESLint,Prettier,React DevTool,Redux DevTool # 第三章 :构建可维护可扩展的前端应用 22 | 前端项目的理想架构:可维护,可扩展,可测试,易开发,易建构 23 | 拆分复杂度(1):按领域模型(feature)组织代码,降低耦合度 24 | 拆分复杂度(2):如何组织component,action和reducer 25 | 拆分复杂度(3):如何组织React Router的路由配置 26 | 使用Rekit(1):创建项目,代码生成和重构 27 | 使用Rekit(2):遵循最佳实践,保持代码一致性 # 第四章 :常见场景的最佳实践 28 | 使用React Router管理登录和授权 29 | 实现表单(1):初始数据,提交和跳转 30 | 实现表单(2):错误处理,动态表单元素,内容动态加载 31 | 列表页(1):搜索,数据缓存和分页 32 | 列表页(2):缓存更新,加载状态,错误处理 33 | 页面数据需要来源多个请求的处理 34 | 内容页的加载与缓存 35 | 基于React Router实现分布操作 36 | 常见页面布局的实现 37 | 使用 React Portals 实现对话框,使用 antd 对话框 38 | 集成第三方JS库:以 d3.js 为例 39 | 基于路由实现菜单导航 40 | React 中拖放的实现 # 第五章:React性能优化 41 | 性能永远是第一需求:时刻考虑性能问题 42 | 网络性能优化:自动化按需加载 43 | 使用Reselect避免重复计算 44 | 下一代 React:异步渲染 45 | 使用Chrome DevTool进行性能调优

react 2019-01-30 188人浏览 5人下载

React.js入门与实战 开发适配PC端及移动端新闻头条平......
第1章 课程简介 课程导读,介绍了课程的基本结构、课程的特点、最终实战项目演示、前置知识点以及源码打包结构和后期相关学习资料的更新方式。 1-1 课程简介 1-2 演示云编程系统前端加后台 第2章 React 简介 对 React 进行了详细地简介并对课程的前置知识点进行了详细地梳理。 2-1 React简介 2-2 课程前置知识点梳理 2-3 课程前置知识点梳理--演示利用 babel 把 ES6 转化为 ES5 第3章 React 初体验 介绍了此课程中使用的 React 版本以及官网学习包 React Starter Pack 的下载与安装,并对 React 的框架运行进行了初体验。 3-1 课程 React 版本选择 3-2 React Starter Pack 下载使用与 React 初体验 第4章 NodeJS简介与安装 对 NodeJS 进行了详细地介绍,并完整演示了 NodeJS 的安装过程。同时讲解了针对国内的网络环境如何去配置 NPM 加载国内源。 4-1 NodeJS简介 4-2 NodeJS安装 4-3 NPM配置国内源 4-4 必看的课程常见问题解答大合集 第5章 React 环境配置与调试技巧 共计五个小节,讲解了使用 NPM 配置 React 的开发环境。并分三个小节课程由浅入深地讲解了前端必备组件 webpack 的热加载配置。同时还介绍了 React 开发的必备插件 Chrome React 插件。 5-1 使用NPM配置React环境 5-2 webpack热加载配置(上) 5-3 webpack热加载配置(中) 5-4 webpack热加载配置(下) 5-5 ChromeReact插件使用 第6章 开发工具与必要组件 讲解了开发工具 Atom 的基本使用,并用一个单独的章节介绍了 React 开发相关 Atom 插件配置,这将大大提高开发 React 项目的效率。 6-1 开发工具Atom 6-2 React开发相关Atom插件配置 第7章 React 组件基础 共计五个小节,详细讲解了 React 虚拟 DOM 概念、React 组件的概念、React 多组件嵌套、JSX 内置表达式、生命周期,并都有详细的源码演示。这些 React 组件基础是 React 最基础也是最重要的知识点。 7-1 React虚拟DOM概念 7-2 React组件 7-3 React多组件嵌套 7-4 JSX内置表达式 7-5 生命周期 第8章 React 属性与事件 共计六个小节,继续用概念和源码结合的方式对 State 属性、Props 属性、事件与数据的双向绑定、可复用组件、组件的 Refs、独立组件间共享 Mixins 这些重要的概念进行了深入地讲解与演示。 8-1 State属性 8-2 Props属性 8-3 事件与数据的双向绑定 8-4 可复用组件 8-5 组件的Refs(操作DOM的二种方法) 8-6 独立组件间共享Mixins 第9章 React 样式 共计六个小节,还是用概念和源码结合的方式对 React 中的内联样式、内联样式中的表达式、CSS 模块化、JSX 样式与 CSS 的互转、Ant Design 样式框架介绍、Ant Design 样式框架使用这几个重要的知识点进行了讲解。 9-1 内联样式 9-2 内联样式中的表达式 9-3 CSS模块化 9-4 JSX样式与CSS的互转 9-5 AntDesign样式框架介绍 9-6 AntDesign样式框架使用 第10章 React Router 用一个独立的大章节介绍了 React 中的重要概念:React Router 概念以及 React Router 的参数传递。 10-1 Router概念 10-2 Router参数传递 第11章 项目实战-开发环境初始化 实战项目初始化,分别用四个小节课程介绍了项目初始化、Ant Design 框架的引入、头条新闻的数据接口简介、测试环境介绍。 11-1 项目初始化 11-2 Ant Design 框架的引入 11-3 头条新闻的数据接口简介 11-4 测试环境介绍 第12章 项目实战-页头页脚模块 实战项目的页头页脚开发,分别包含了PC 端页头组件开发、移动端页头组件开发、PC 端页脚组件开发、移动端页脚组件开发,并且每个独立的章节对有对应的独立源码文件夹供下载学习。 12-1 PC端页头组件开发 12-2 移动端页头组件开发 12-3 PC端页脚组件开发 12-4 移动端页脚组件开发 第13章 项目实战-注册登录模块 共七个小节课程,分别实际源码演示开发了 PC 端注册功能模块开发(上中下)、移动端注册功能模块开发、PC 端登录功能模块开发、移动端登录功能模块开发、退出登录功能完善。 13-1 注册功能模块设计(上) 13-2 注册功能模块设计(中) 13-3 注册功能模块设计(下) 13-4 移动端注册功能模块开发 13-5 PC端登录功能模块开发 13-6 移动端登录功能模块开发 13-7 退出登录功能完善 第14章 项目实战-首页模块 用九个小节的课程继续实战开发了 PC 端导航栏布局开发、移动端导航栏模块开发、首页模块划分、PC 端首页模块布局开发(上)、PC 端首页模块布局开发(中)、PC 端首页模块布局开发(下)、移动端首页模块布局开发(上)、移动端首页模块布局开发(中)、移动端首页模块布局开发(下)。... 14-1 PC端导航栏布局开发 14-2 移动端导航栏模块开发 14-3 首页模块划分 14-4 PC端首页模块布局开发(上) 14-5 PC端首页模块布局开发(中) 14-6 PC端首页模块布局开发(下) 14-7 移动端首页模块布局开发(上) 14-8 移动端首页模块布局开发(中) 14-9 移动端首页模块布局开发(下) 第15章 项目实战-详情模块 继续用是十一个小节的课程继续实战开发了 PC 端详情页面开发(上)、PC 端详情页面开发(中)、PC 端详情页面开发(下)、移动端详情页面开发、评论模块开发(上)、评论模块开发(中)、评论模块开发(下)、移动端评论模块开发、PC 端用户收藏功能开发(上)、PC 端用户收藏功能开发(下)、移动端用户收藏功能开发... 15-1 PC 端详情页面开发(上) 15-2 PC 端详情页面开发(中) 15-3 PC 端详情页面开发(下) 15-4 移动端详情页面开发 15-5 评论模块开发(上) 15-6 评论模块开发(中) 15-7 评论模块开发(下) 15-8 移动端评论模块开发 15-9 PC 端用户收藏功能开发(上) 15-10 PC 端用户收藏功能开发(下) 15-11 移动端用户收藏功能开发 第16章 项目实战-个人中心模块 进行了项目的最后收尾开发,实战演示了 PC 端用户个人中心开发、移动端用户个人中心开发、个人头像的上传与处理、个人收藏文章列表开发(上)、个人收藏文章列表开发(下)、个人评论列表开发(上)、个人评论列表开发(下)共七个小节的功能开发,且仍然提供了独立的源码文件夹供下载学习或二次开发。... 16-1 PC 端用户个人中心开发 16-2 移动端用户个人中心开发 16-3 个人头像的上传与处理 16-4 个人收藏文章列表开发(上) 16-5 个人收藏文章列表开发(下) 16-6 个人评论列表开发(上) 16-7 个人评论列表开发(下) 第17章 项目实战-最后调优 进行了整个实战项目的总结,并演示了在 React 中如何快速使用 HTML 代码块,同时将完整的课程思维导图分享给了大家。 17-1 快速使用HTML代码块 第18章 网页优化 简单讲解雅虎军规和工具。 18-1 网页优化军规介绍(上) 18-2 网页优化军规介绍、插件(下) 第19章 课程扩展-React的实用组件 本章讲解上拉刷新加载数据、下拉刷新加载数据组件,以及Redux 一些简介与一个小的实例演示。 19-1 点击加载更多-上拉刷新加载数据 19-2 点击加载更多-下拉刷新加载数据 19-3 Redux 简介与实例演示 19-4 页面表单框架 第20章 课程扩展-使用 Webpack 2 与 React Router 4 升级项目 此章节为课程后续更新,详细演示了如何将课程的项目从 Webpack 1 以及 React Router 2 的版本更新到最新的 Webpack 2 与 React Router 4 版本。 对于后续的版本更新以及开发过程中的问题快速解决都具有极强的参考意义。 20-1 使用 Webpack 2 重新配置项目 20-2 使用 React Router 4 重写项目(一) 20-3 使用 React Router 4 重写项目(二) 20-4 使用 React Router 4 重写项目(三) 第21章 课程扩展-深入 React 原理与算法 此章节深入讲解了 React 最底层的 Virtual DOM,从产生的场景、原理以及底层算法都进行了详细的讲解,掌握最基础的设计才能更好地理解 React。并在讲解 Virtual DOM 与 React Diff 算法的基础上,完全一行一行带大家写了属于自己的 React 框架,加深对底层算法的理解。... 21-1 再看 Virtual DOM 21-2 Virtual DOM 与 React Diff 算法 21-3 尝试写一个属于自己的 React 框架,ReMooc(一) 21-4 尝试写一个属于自己的 React 框架,ReMooc(二) 21-5 尝试写一个属于自己的 React 框架,ReMooc(三) 21-6 尝试写一个属于自己的 React 框架,ReMooc(四) 第22章 课程扩展-使用 Webpack 进行项目打包 此章节全面讲解了 Webpack 2.0 的最常见使用技巧,从打包前的代码压缩、使用 Webpack 将项目代码与组件代码进行分离、项目生成 SourceMaps 与源码调试到非常实用的借助 Webpack 图表优化项目,都进行了实际的代码演示操作讲解,Webpack 作为前端开发必备框架,相信一定对你有很大的帮助和启发。... 22-1 打包前的代码压缩 22-2 使用 Webpack 将项目代码与组件代码进行分离 22-3 项目生成 SourceMaps 与源码调试 22-4 借助 Webpack 图表优化项目 第23章 课程扩展-服务器部署相关 此章节属于拓展章节,讲解了如果你需要部署在实战部分开发的 React 项目,你需要了解的服务器部署相关知识,如云服务器主要知识点、域名、DNS、HTTP 与 HTTPS 详解以及 React 项目部署的方案,这些软件开发人员从业的必备相关知识,超越 React 课程内容,但是绝对是你值得学习的相关知识体系。... 23-1 云服务器主要知识点 23-2 关于域名 23-3 DNS 详解 23-4 HTTP 与 HTTPS 详解 23-5 React 项目部署的方案

react 2019-01-12 208人浏览 4人下载

React16.4 开发简书项目从零基础入门到实战......
#### 第1章 课程导学 1-1 课程导学 #### 第2章 React初探 2-1 React简介 2-2 React开发环境准备 2-3 工程目录文件简介 2-4 react中的组件 2-5 React 中最基础的JSX语法 #### 第3章 React基础精讲 3-1 使用React编写TodoList功能 3-2 React 中的响应式设计思想和事件绑定 3-3 实现 TodoList 新增删除功能 3-4 JSX语法细节补充 3-5 拆分组件与组件之间的传值 3-6 TodoList 代码优化 3-7 围绕 React 衍生出的思考 #### 第4章 React高级内容 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入门 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进阶 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组件开发 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章 项目实战:首页开发 8-1 什么是路由,如何在React中使用路由功能 8-2 首页组件的拆分 8-3 首页专题区域布局及reducer的设计 8-4 首页文章列表制作 8-5 首页推荐部分代码编写 8-6 首页异步数据获取 8-7 异步操作代码拆分优化 8-8 实现加载更多功能 8-9 返回顶部功能实现 8-10 首页性能优化及路由跳转 #### 第9章 项目实战:详情页面和登录功能开发 9-1 详情页面布局 9-2 使用redux管理详情页面数据 9-3 异步获取数据 9-4 页面路由参数的传递 9-5 登陆页面布局 9-6 登陆功能实现 9-7 登陆鉴权及代码优化 9-8 异步组件及withRouter路由方法的使用 #### 第10章 课程总结 10-1 项目上线流程 10-2 React 版本升级说明 10-3 课程总结

react 2019-01-12 278人浏览 4人下载

React从入门到精通(学习中偏理论)......
# 『课程目录』: 01.React出现的历史背景及特性介绍 02.以组件方式考虑UI的构建 02.以组件方式考虑UI的构建 03.JSX 的本质 - 不是模板引擎,而是语法糖 03.JSX 的本质 - 不是模板引擎,而是语法糖 04.React组件的生命周期及其使用场景 04.React组件的生命周期及其使用场景 04.React组件的生命周期及其使用场景 05.理解 Virtual DOM 及 key 属性的作用 05.理解 Virtual DOM 及 key 属性的作用 06.组件设计模式 - 高阶组件和函数作为子组件 06.组件设计模式 - 高阶组件和函数作为子组件 07.理解新的 Context API 及其使用场景 07.理解新的 Context API 及其使用场景 08.使用脚手架工具创建 React 项目 08.使用脚手架工具创建 React 项目 09.打包和部署 09.打包和部署 10.Redux(1) - 前端为何需要状态管理库 10.Redux(1) - 前端为何需要状态管理库 11.Redux(2) - 深入理解 Store, Action, Reducer 11.Redux(2) - 深入理解 Store, Action, Reducer 11.Redux(2) - 深入理解 Store, Action, Reducer 12.Redux(3) - 在React中使用Redux 12.Redux(3) - 在React中使用Redux 13.Redux(4) - 理解异步 Action,Redux 中间件 13.Redux(4) - 理解异步 Action,Redux 中间件 14.Redux(5) - 如何组织Action和Reducer 15.Redux(6) - 理解不可变数据(Immutability 15.Redux(6) - 理解不可变数据(Immutability) 16.React Router(1):路由不只是页面切换,更是代码组织方式 17.React Router(2):参数定义,嵌套路由的使用场景 18.UI组件库对比和介绍:Ant.Design,Material UI,Semantic UI 19.使用Next.js创建React同构应用 20.使用Jest,Enzyme等工具进行单元测试 21.常用开发调试工具:ESLint,Prettier,React DevTool,Redux DevTool; 22.前端项目的理想架构:可维护,可扩展,可测试,易开发,易建构 23.拆分复杂度(1):按领域模型(feature)组织代码,降低耦合度 24.拆分复杂度(2):如何组织component,action和reducer 25.拆分复杂度(3):如何组织React Router的路由配置 26.使用Rekit(1):创建项目,代码生成和重构 27.使用Rekit(2):遵循最佳实践,保持代码一致性 28.使用React Router管理登录和授权 29.实现表单(1):初始数据,提交和跳转 30.实现表单(2):错误处理,动态表单元素,内容动态加载 31.列表页(1):搜索,数据缓存和分页 32.列表页(2):缓存更新,加载状态,错误处理 33.页面数据需要来源多个请求的处理 34.内容页的加载与缓存 35.基于React-Router实现分布操作 36.常见页面布局的实现 37.使用React-Portals实现对话框-使用antd对话框0 38.集成第三方JS库:以d3.js为例 39.基于路由实现菜单导航 40.React中拖放的实现 41.性能永远是第一需求:时刻考虑性能问题 42.网络性能优化:自动化按需加载, 43.使用Reselect避免重复计算 45.使用Chrome-DevTool进行性能调优

react 2019-01-12 188人浏览 2人下载

掌握Taro多端框架 快速上手小程序/H5开发......
# 掌握Taro多端框架 快速上手小程序/H5开发 ##### 第1章 课程导学 介绍课程整体的内容,技术点讲解,项目演示以及适用人群等 #####第2章 Taro基础框架学习及应用 本章将对taro的基本框架知识点进行讲解,涉及state,props,生命周期,事件 等taro基础知识,最后将通过问答示例开发的方式进行讲解。 #####第3章 网站项目前期准备 本章将通过几个小节来展示在正式项目开发过程中前期需要做哪些工作,IDE,资源,接口,工具类。 #####第4章 导航菜单实现 本章将开发网站主页的菜单组件,通过封装组件,Redux应用,TaroUI组件库的等方式实现菜单抽屉的功能。 #####第5章 主页话题列表实现 本章将通过对于主页话题列表的实现来讲解Taro中的异步编程,分页加载,组件交互等特性的使用及开发。 #####第6章 话题详情功能开发 本章通过对话题详情的开发重点讲解Taro框架开发中的父子组件交互,函数调用,redux属性监测等功能。 #####第7章 登录模块开发 本章将开发登录页面模块,通过快速布局,快速开发的方式,教大家如何快速开发前端页面 #####第8章 个人信息页面的开发 本章将开发网站论坛的个人页面,涉及Taro的端能力调用,数据缓存与Redux应用及其他相关知识 #####第9章 补充功能,修复问题,预览 本章将对之前开发中的一些问题和功能进行补充和优化,以及针对Taro的新特性,小程序转Taro进行讲解。 #####第10章 第九章 TypeScript的学习 本章将简单学习TypeScript的基础知识以及TypeScript在taro框架中的应用。

React 2019-03-28 162人浏览 2人下载