preload 详情点击 10 进入广告 广告 广告剩余: 应版权方要求,VIP无法免该片广告 为了给腾讯视频用户提供更多优质美剧,应版权方(华纳)要求,好莱坞会员在观看华纳美剧时无法跳过广告(《吸血鬼日记》《破产姐妹》《无耻之徒》等)。我们会为会员用户继续争取免广告权益,请您谅解,谢谢! 我知道了! 意见反馈 广告 广告 腾讯视频 v.qq.com
你可以刷新试试,或 看看其他精彩视频
[错误码: xx, xxx]
播放 下一集 00:00 / 00:00 直播 自适应 语言 自动跳过片头 全屏可发弹幕 使用 Flash 播放器 播放倍率 0.5x 1.0x 1.25x 1.5x 2.0x 倍速播放在这里 网页全屏 全屏 下一个
即将播放 取消
50% 75% 100% VIDv1429azjtrc 播放模式html5hd 分辨率1280 x 720 视频宽高 音量50% 视频协议 CDN 下载速度 缓冲质量 错误码 版本号 3.3.50 (2017-8-30 10:32:54) 播放流水 85267d0eba6c0a285f34d0798db05c52_260201

遇到问题

  • 代码看得懂,写不出?
  • 不知道工作怎么用?
  • 没有项目经验?
  • 以完成任务为目标,性能研究甚少?

帮你解决

  • 边学边实践,专家给你指点代码
  • 带你模拟真实工作开发
  • 学完能搭建自己的博客
  • 专门章节,带你搞定性能优化

  • 实践1

    环境搭建

    React 博客项目开发环境搭建

    了解JSX语法

  • 实践2

    搭建多页面博客

    学习React 组件生命周期

    实践React 组件编写

  • 实践3

    添加博客反馈表单

    React与DOM

    事件系统的运用

  • 实践4

    增加定制主题能力

    组件间的通信

    使用Flux来管理数据

  • 实践5

    搭建单页面博客

    React-Router重构博客

    接入Redux管理数据

  • 实践6

    实现服务器渲染

    Koa简易服务端渲染

    使用nextjs做服务端渲染

Part0 课程引言

React起源

React起源

Part1 React基本开发环境

我们将手把手的教你搭建一个工程化React开发环境。利用npm等工具,体验业内工程化开发的全套流程。同时了解编写React项目的基本语法——“JSX”

搭建环境

开始你的React之旅

JSX语法

项目实践

Part2 React组件

继续立足于React基础,详细了解React项目的核心——“React组件”。了解组件的基本概念,熟悉掌握组件的各个要素,理解组件的生命周期

React组件

组件的props与state

React组件生命周期

React组件化开发过程

Part3 React与DOM

更加深入地来了解React的运行原理,掌握React与实际DOM元素之间的交互。之后,我们会以此为基础,用React的方式来解决前端开发的经典需求——“表单”。

React底层原理

React事件处理

受控组件与非受控组件

Part4 React中的数据管理

在第二章中,我们简单介绍了React组件内部的数据传递。这一章中,我们将继续深入了解React中数据的管理方式。了解复杂前端应用的数据管理方式,以及适合React的数据流模型。

组件间通信方式

Flux模型

Part5 Redux

在第四章中,我们已经有能力来处理一些复杂的数据模型。这一章中,我们会专门来讲解React系列框架中最强有力的数据管理工具——“Redux”。

Redux的基本要素

Redux的原理

Redux中间件

Part6 React性能优化

从浏览器渲染的底层原理入手,分析影响页面性能的因素。通过不同方式来减少React项目的渲染频率。

浏览器渲染原理

减少React组件渲染频率的手段

Part7 React服务端渲染

服务端渲染是提升前端体验的重要手段之一,通过服务端渲染技术,能够让用户直接加载到渲染好的页面,提升页面整体的体验。

服务端渲染

同构直出

专家1v1

专家零距离交流,亲自解答你的个性化问题。整个课程里,每个学生免费享受专家1v1服务

代码批改

每个项目免费享受3次专家批改服务,帮你更快速掌握代码规范

工程师文化直播

免费享受一系列工程师文化直播课,带你快速了解除代码之外的必备技能

助教督学

助教为你安排合理的学习计划,和同学们在学习群里同步学习,互相交流

photo

聂小涛

腾讯前端工程师,现任腾讯前端开发工程师,相关工作曾入选可视化领域顶级会议IEEE VIS;曾参与 react.js 的源码分析工作
photo

杨宇杰

腾讯前端工程师,现任QQ看点前端开发一职,4年React开发经验,对于React相关技术有丰富的实战经验
photo

王斌

腾讯高级前端工程师,负责QQ看点的项目前端开发工作,曾开发过AlloyImage等前端开发工具并获得广泛关注
photo

戴达添

腾讯前端工程师,现任腾讯前端开发,擅长前端组件化开发,热衷于编写精简高性能的前端代码

证书

NEXT 毕业证书

优秀学员将获得腾讯 NEXT 学院颁发的 React 能力认证,证明你的技术实力。

cover

React开发实践宝典

批改项目 1v1专家 直播文化工程师

1599 原价:

已选 React开发实践宝典

课程选择

立即报名 免费试学

什么是NEXT学院自研React开发课程?

React开发课程是由腾讯NEXT学院打造的学习项目。课程导师、专家和 Code Reviewer 都来自 BAT 等一线互联网公司。

参加了本课程是否就能进腾讯?

对于本课程的目的,是希望将腾讯一线工程师的经验传授,让学生站在他们的肩膀上成为下一个更优秀的前端工程师。对于有实力的同学,腾讯会优先考虑。

我可以从此课程中获得什么?

学完NEXT学院的React开发课程,你将掌握React开发的必备技能,能够完成一系列实战项目!

上课的形式是怎样的?

上课采用录播和直播结合的方式,课后还有Code Review、1V1技术辅导、工程师文化直播和同步学习小组等多种学习补充,你可以根据自己的时间安排学习进度,并可以无限制地访问录播视频与自己完成的实战项目。

报名后发现课程不适合自己怎么办?

开始学习课程即视为开课。如果在报名后发现课程内容不适合,可以在付款后的7天内申请退款,将按未学内容比例获得退款;退款将于申请后15-20个工作日内返还原支付账号。以上退款操作不支持使用分期付款的课程。

学习本课需要什么基础?

需要学员有基本的编程能力和前端开发基本知识。
页面不存在!
视频信息 复制视频页面地址 复制当前时间的页面地址 复制调试信息 3.3.50