飞豹客 · 课能看,资料也能带走
飞豹客前端开发 会员免费

【尚硅谷】JS库-React -带源码课件

React 基础学习:解决实际问题与独立开发能力 这门课以 React 组件化开发为核心,适合想系统学习前端页面构建、解决企业级开发需求的职场新人或转行者。课程通过 JSX 语法、组件定义、状态与属性管理等模块,帮助学习者掌握动态页面的开发方法。适合具备 HTML、CSS、JavaScript 基础

单课价¥19.90新品 上架
会员价 会员免费开通会员后本篇可直接下载套餐详情
157 人关注 更新于 2026-03-25 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

会员可免费下载本篇月会员、年会员、永久会员可按日额度下载(每篇扣 1 次)。

开通会员 ›
购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥19.90

会员 A · 按档位折扣

永久免费可下
年免费可下
月免费可下
周免费可下

会员 B

VIP¥3.98低至
SVIP单买¥200 内可领

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

React 基础学习:解决实际问题与独立开发能力

这门课以 React 组件化开发为核心,适合想系统学习前端页面构建、解决企业级开发需求的职场新人或转行者。课程通过 JSX 语法、组件定义、状态与属性管理等模块,帮助学习者掌握动态页面的开发方法。适合具备 HTML、CSS、JavaScript 基础的人,能独立完成简单业务页面的开发。若需构建复杂应用或深入生态,建议补充专项课程。

学习内容与练习建议

课程围绕 React 16+ 展开,从基础概念到组件进阶使用,覆盖了企业前端开发的核心场景。重点模块包括 JSX 练习、模块与组件理解、状态(State)、属性(Props)等,这些是构建动态页面的关键。建议先学习 JSX 练习、模块与组件理解,建立组件化思维。状态与属性管理部分需结合源码课件和视频逐行分析,尤其是事件处理和条件渲染,能巩固组件通信能力。遇到难点时,可参考源码注释和官方文档 API 说明。

资料配合与实际应用

学完后能独立完成带交互的业务页面开发,例如产品列表展示、表单提交等。资料中的练习题需逐个完成,特别是涉及属性传递和状态更新的题目。可利用课程中的组件示例搭建小型项目,如购物车或轮播图,通过实际编码提升开发效率。建议将学习过程与实际工作结合,例如用新学的组件化方法重构旧代码,检验学习效果。资料中的源码课件可配合视频逐行分析,尝试修改参数观察效果,加深对属性与状态传递的理解。遇到难点时,可参考官方文档补充学习。学习期间,建议每天编码练习,将知识点转化为实际操作能力。

课程目录

JS库-React - 带源码课件/ 📽️45 集
  • 01_尚硅谷_react简介.avi (56.
  • 24 MB) 📽️ 02_尚硅谷_react的基本使用.avi (71.
  • 37 MB) 📽️ 03_尚硅谷_jsx理解和基本使用.avi (102.
  • 11 MB) 📽️ 04_尚硅谷_jsx练习.avi (45.
  • 68 MB) 📽️ 05_尚硅谷_模块与组件的理解.avi (27.
  • 43 MB) 📽️ 06_尚硅谷_react组件的基本定义和使用.avi (50.
  • 97 MB) 📽️ 07_尚硅谷_组件三大属性(1)_state.avi (103.
  • 87 MB) 📽️ 08_尚硅谷_组件三大属性(2)_props.avi (123.
  • 93 MB) 📽️ 09_尚硅谷_组件三大属性(3)_refs和事件处理.avi (62.
  • 06 MB) 📽️ 10_尚硅谷_组件组合使用_初始化显示.avi (136.
  • 91 MB) 📽️ 11_尚硅谷_组件组合使用_交互.avi (85.
  • 97 MB) 📽️ 12_尚硅谷_组件组合使用_总结.avi (24.
  • 58 MB) 📽️ 13_尚硅谷_组件_收集表单数据.avi (80.
  • 97 MB) 📽️ 14_尚硅谷_组件_生命周期.avi (156.
  • 15 MB) 📽️ 15_尚硅谷_组件_生命周期总结.avi (42.
  • 45 MB) 📽️ 16_尚硅谷_虚拟DOM和DOM diff算法.avi (53.
  • 96 MB) 📽️ 17_尚硅谷_react脚手架应用分析.avi (80.
  • 97 MB) 📽️ 18_尚硅谷_使用react脚手架创建应用.avi (59.
  • 83 MB) 📽️ 19_尚硅谷_基于脚手架项目编写应用.avi (69.
  • 26 MB) 📽️ 20_尚硅谷_练习1_评论管理_拆分组件与实现静态组件.avi (95.
  • 78 MB) 📽️ 21_尚硅谷_练习1_评论管理_初始化数据动态显示.avi (79.
  • 40 MB) 📽️ 22_尚硅谷_练习1_评论管理_添加.avi (63.
  • 74 MB) 📽️ 23_尚硅谷_练习1_评论管理_删除.avi (51.
  • 57 MB) 📽️ 24_尚硅谷_ajax请求_使用axios.avi (120.
  • 35 MB) 📽️ 25_尚硅谷_ajax请求_使用fetch.avi (48.
  • 85 MB) 📽️ 26_尚硅谷_练习2_用户搜索_初始化显示.avi (74.
  • 58 MB) 📽️ 27_尚硅谷_练习2_用户搜索_交互.avi (139.
  • 13 MB) 📽️ 28_尚硅谷_组件间通信的2种方式.avi (129.
  • 27 MB) 📽️ 29_尚硅谷_react-router说明.avi (131.
  • 74 MB) 📽️ 30_尚硅谷_react-router基本使用.avi (109.
  • 40 MB) 📽️ 31_尚硅谷_NavLink组件包装优化.avi (45.
  • 61 MB) 📽️ 32_尚硅谷_嵌套路由.avi (85.
  • 22 MB) 📽️ 33_尚硅谷_向路由组件传递数据.avi (111.
  • 17 MB) 📽️ 34_尚硅谷_路由链接与非路由链接说明.avi (17.
  • 26 MB) 📽️ 35_尚硅谷_2种路由跳转的方式.avi (99.
  • 96 MB) 📽️ 36_尚硅谷_react-ui_antd.avi (211.
  • 26 MB) 📽️ 37_尚硅谷_redux_理解.avi (99.
  • 52 MB) 📽️ 38_尚硅谷_redux_counter应用_react版本.avi (78.
  • 78 MB) 📽️ 39_尚硅谷_redux_counter应用_redux版本.avi (161.
  • 25 MB) 📽️ 40_尚硅谷_redux_counter应用_redux完善版本.avi (50.
  • 65 MB) 📽️ 41_尚硅谷_redux_counter应用_react-redux版本.avi (152.
  • 08 MB) 📽️ 42_尚硅谷_redux_counter应用_redux异步版本.avi (84.
  • 17 MB) 📽️ 43_尚硅谷_redux_counter应用_使用redux调试工具.avi (29.
  • 28 MB) 📽️ 44_尚硅谷_redux_comment应用_redux版本_同步功能.avi (155.
  • 00 MB) 📽️ 45_尚硅谷_redux_comment应用_redux版本_异步功能.avi (74.94 MB)