React16.4 开发简书项目 从零基础入门到实战

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

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/qianduangou/p/9315699.html

时间: 2024-10-14 12:03:54

React16.4 开发简书项目 从零基础入门到实战的相关文章

Vue2.5开发去哪儿网App 从零基础入门到实战项目

第1章 课程介绍 本章主要介绍课程的知识大纲,学习前提,讲授方式及预期收获. 第2章 Vue 起步 本章将快速讲解部分 Vue 基础语法,通过 TodoList 功能的编写,在熟悉基础语法的基础上,扩展解析 MVVM 模式及前端组件化的概念及优势. 第3章 Vue 基础精讲 本章通过精挑细选的案例,精讲 Vue 中的基础知识,包括实例.生命周期.指令.计算属性.方法.侦听器,表单等部分内容. 第4章 深入理解 Vue 组件 本章将深入讲解 Vue 组件使用的细节点,从父子组件的参数传递及校验入手

Linux及Arm-Linux程序开发笔记(零基础入门篇)

Linux及Arm-Linux程序开发笔记(零基础入门篇)  作者:一点一滴的Beer http://beer.cnblogs.com/ 本文地址:http://www.cnblogs.com/beer/archive/2011/05/05/2037449.html 目录 一.Arm-Linux程序开发平台简要介绍... 3 1.1程序开发所需系统及开发语言... 3 1.2系统平台搭建方式... 4 二.Linux开发平台搭建... 5 2.1安装虚拟工作站... 5 2.2安装Linux虚拟

Cloudera Manager、CDH零基础入门、线路指导 http://www.aboutyun.com/thread-9219-1-1.html (出处: about云开发)

Cloudera Manager.CDH零基础入门.线路指导http://www.aboutyun.com/thread-9219-1-1.html(出处: about云开发) 问题导读:1.什么是cloudera CM .CDH?2.CDH.CM有哪些版本?3.CDH.CM有哪些安装方式?4.CDH如何开发? <ignore_js_op> 我们知道cloudera CDH 是为简化hadoop的安装,也对对hadoop做了一些封装.那么我们就像尝试学习cloudera.cloudera本质h

大数据系统学习零基础入门到精通加项目实战2017最新全套视频教程

38套大数据,云计算,架构,数据分析师,Hadoop,Spark,Storm,Kafka,人工智能,机器学习,深度学习,项目实战视频教程 视频课程包含: 38套大数据和人工智能精品高级课包含:大数据,云计算,架构,数据挖掘实战,实时推荐系统实战,电视收视率项目实战,实时流统计项目实战,离线电商分析项目实战,Spark大型项目实战用户分析,智能客户系统项目实战,Linux基础,Hadoop,Spark,Storm,Docker,Mapreduce,Kafka,Flume,OpenStack,Hiv

2019刘老师教你用springboot2.x开发整合微信支付的线上教育平台带源码送springboot2.x零基础入门到高级实战教程

第一部分:springboot2.x零基础入门到高级实战教程一.零基础快速入门SpringBoot2.0 1.SpringBoot2.x课程全套介绍和高手系列知识点 简介:介绍SpringBoot2.x课程大纲章节 java基础,jdk环境,maven基础 2.SpringBoot2.x依赖环境和版本新特性说明 简介:讲解新版本依赖环境和springboot2新特性概述 3.快速创建SpringBoot2.x应用之手工创建web应用 简介:使用Maven手工创建SpringBoot2.x应用 4

零基础入门学习java,应该如何快速打好Java基础?

零基础入门学习java,应该如何快速打好Java基础?从大学到现在,我使用Java已经将近20年,日常也带实习生,还在公司内部做training,所以可以分享下我的经验,希望对你有用. 创一个小群,供大家学习交流聊天如果有对学java方面有什么疑惑问题的,或者有什么想说的想聊的大家可以一起交流学习一起进步呀.也希望大家对学java能够持之以恒java爱好群,如果你想要学好java最好加入一个组织,这样大家学习的话就比较方便,还能够共同交流和分享资料,给你推荐一个学习的组织:快乐学习java组织

Hadoop大数据零基础高端实战培训视频

<Hadoop大数据零基础高端实战培训系列配文本挖掘项目(七大亮点.十大目标)> 课程讲师:迪伦 课程分类:大数据 适合人群:初级 课时数量: 300课时 用到技术:部署Hadoop集群 涉及项目:京东商城.百度.阿里巴巴 咨询QQ:779591710 下载地址: 链接:http://pan.baidu.com/share/link?shareid=3299239734&uk=3289559542 密码:8tkb 第一阶段:Hadoop基础篇(50课时) - 千里之行,始于足下(赠送课

零基础入门jQuery视频教程

零基础入门jQuery最新版开发.NET富客户端应用(选择器.DOM操作.事件和动画.Ajax应用.插件.Mobile)课程分类:.NET+Jquery适合人群:初级课时数量:35课时用到技术:javascript,ajax,jquery,handler涉及项目:各知识点的项目案例和名为JaneShop的品牌服装和包包的购物网站咨询qq:1840215592 零基础入门jQuery视频教程详细查看:http://www.ibeifeng.com/goods-425.html 零基础入门jQuer

.NET零基础入门09:SQL必知必会

一:前言 仿佛到了更进一步的时候了,每一个程序员迟早都会遇到数据存储的问题.我们拿什么来存储程序产生的数据?举例来说,用什么来存储我们的打老鼠游戏每次的成绩呢?选择如下: 1:内存中.缺点,退出游戏,数据就没了: 2:文件中.好办法!缺点,自己解析文本,把文本变成我们程序中的数据,这个解析的过程叫做协议.协议这个词听上去够恐怖吧,实际上说白了无非就是数据格式怎么样,API接口怎么样之类的东东. 3:数据库.好办法!好吧,数据库文件其实也就是硬盘上的文件,只不过数据库本身就已经为我们定义好了数据格