首页 > Web前端工程师 > 从零学习 React 技术栈
从零学习 React 技术栈
  • 从零学习 React 技术栈

  • 主讲 : 余博伦
  • 本课程主讲React全家桶当中最为通用流行的一些框架和库,涉及React/React-router/Redux这几个JS库,最终开发一个小巧的TodoList应用。
  • ¥79.00 ¥99.00 ¥75.00
  • 立即购买 Pro会员免费学

    37人学习时长 : 2.8 小时有效期 : 240 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改服务。SVIP用户可享受无视有效期权限,随时随意轻松看。单课购买用户需关注课程有效期,合理安排学习计划。

什么是 React ?

React 是由 Facebook 主导开发的一款专门用来开发构建用户界面的框架。

为什么要学习 React ?

声明式

在 React 当中,你可以很轻松地描述你想要开发编写的用户界面。使用一种叫做 JSX 的类似于 HTML/XML 的 JS 语法扩展。

组件化

使用 React 可以在很大程度上提高你代码的可复用性,编写页面就如搭积木一般简单。

一次学习,随处编写

React 最强大的地方在于,其内部实现的虚拟DOM屏蔽了所有的底层实现,通过不同的渲染器,你编写的同一套代码可以用来构建包含浏览器/桌面操作系统/Android/iOS等几乎所有平台的用户界面。
也就是说,掌握了 React 之后,你的能力将不止局限于写网页,而是可以在几乎所有的平台上开发用户界面。

我什么时候适合开始学习 React ?

你需要熟练掌握 HTML/CSS/JS 的基础知识。

如果你感觉到自己已经有了一定的前端基础,想要开发小项目练手,想学习框架但又不知道从何下手,这就是最适合你的教程了。

学习收获

1、掌握框架和库:react 、redux、react-router

2、掌握构建工具:npm、webpack

3、脚手架的使用:create-react-app

4、掌握 React 项目当中CSS的开发:CSS Modules、Sass、PostCSS、CSS in JS

5、编辑器相关:Codepen、VS Code

本课程包含内容及特点

视频的节奏偏快,基本没有口语化的内容,每节课都很短,但已包含了你初学 React 需要掌握的所有知识点。

有编码的章节全部都提供了代码示例,所以这不是那种一边看视频一边让你照着视频抄代码的教程。

正确的学习方法应该是看完视频之后总结整理然后自己动手去练习实现。

代码示例

1、React

2、Redux

3、react-router

编辑器插件

1、VS Code 专属 React 技术栈代码补全插件

常见问题

Q:如果有问题,我去哪里咨询?
A:关于课程的任何问题,都可以点击“右下角”的在线客服,我们会有专人为您解答。

Q:『有效期』是什么?
A:『有效期』从订单支付成功后开始计算,到期后仍然可以观看课程视频和图文,但不再享受问答和作业批改等服务。

Q:VIP价格是什么?
A:购买过极客学院 VIP 会员的用户,可享受职业学院课程 VIP 价格,这个价格会比现价有一定的优惠。

Q: 有的章节的知识我已经会了,可以跳过吗?
A: 可以,整个课程采用自由学习方式,不设置每个课时的前后限制要求。

Q: 课程的视频提供下载么?
A: 我们的课程视频进行加密处理,暂时不支持下载。

从零学习 React 技术栈

主讲:余博伦

对于刚刚掌握 HTML/CSS/JS 基础的用户,想要开发小项目,想通过学习框架快速升级但是却无从下手,那么这个课程便是你的最佳选择。

第 1 部分 课程简介 6 分钟

第 1 节 课程简介 6 分钟
课程简介

第 2 部分 环境搭建 13 分钟

第 1 节 环境搭建 13 分钟
React新版本及ES6简介
npm的安装配置
react项目的开发配置

第 3 部分 React组件开发解析 45 分钟

第 1 节 React组件开发 45 分钟
JSX入门
组件类型
组件数据
组件生命周期
表单及事件处理

第 4 部分 Redux数据处理 35 分钟

第 1 节 Redux数据处理 35 分钟
redux简介
Action
Reducer
Store
Middleware
react-redux

第 5 部分 react-router配置与开发 9 分钟

第 1 节 react-router配置与开发 9 分钟
react-router@4.0简介
react-router@4.0配置

第 6 部分 CSS样式编写 10 分钟

第 1 节 CSS样式编写 10 分钟
CSS样式编写

第 7 部分 项目实战:new一个todolist 31 分钟

第 1 节 TodoList 项目的实现 31 分钟
开发React应用的一般思路
开发前准备
组件开发
样式编写
数据处理
路由配置
课后作业

第 8 部分 课程资料 20 分钟

第 1 节 课程资料 20 分钟
PPT
项目源码

学员服务

  • 作业批改
  • 有问必答

主讲老师

  • 余博伦

    极客学院布道师

    知乎专栏从零学习前端开发作者,React中文文档翻译发起人。致力于为前端学习者提供良心的干货、暖心的教程、真心的分享。