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

这门课解决什么问题

这门课解决的是从原生 HTML/JS 到 React 组件化开发跨越的问题。它不讲空泛概念，而是直接带你理解 JSX 的本质、组件的定义与使用、以及 state/props/refs 这三大核心属性的工程化应用。课程以“源码可读、步骤可复用”为原则，帮你把 React 从“能跑通 demo”提升到“能落地拆分 UI”的工程水平。

适合什么基础

适合具备基础 HTML、CSS 和 ES6+ JavaScript 语法的开发者。建议先熟悉变量、箭头函数、解构赋值和函数式编程思想，再进入 React 学习。这条路径符合从“看懂代码”到“动手拆分 UI”的认知规律，避免跳过概念直接上手导致组件拆分逻辑混乱。如果原生 JS 还不熟练，建议先补一轮 ES6 基础，再回来看课程内容，理解会更扎实。

建议先看哪几块

建议按“React 简介 → JSX 理解与使用 → 模块与组件认知 → 组件三大属性 → 组合使用”的顺序推进。React 简介帮助建立整体认知框架；JSX 部分解决“写法与本质”的困惑，是后续所有练习的基础；模块与组件认知帮你建立拆分 UI 的思维；三大属性是独立开发的必备知识；组合使用则让你能独立完成一个完整交互页面。按此顺序学习，每一步都有前一步的铺垫，不会出现概念断层。

学完能独立做什么

学完核心概念后，你可以独立复刻并扩展一个交互式组件（如计数器、待办表单或简单状态管理页面），将学到的模块拆分与组合模式落地到实际项目中。具体来说，你应当能独立完成：通过 state 管理组件内部状态，通过 props 接收父组件传递的数据，通过 refs 访问 DOM 节点或触发副作用，以及通过组件组合复用 UI 逻辑。这些能力足以支撑一个中型前端项目的页面开发。

资料怎么配合练习

资料包采用“视频讲解 + 同步源码”的工程化模式。视频负责拆解逻辑与架构，源码文件则提供可直接运行的工程骨架。建议按顺序对照源码逐块练习，不要跳步。每个视频结束后，尝试用源码中的工程结构复现对应功能，再根据实际需求做扩展。资料包线索中包含从基础到组合使用的完整视频序列，视频与源码一一对应，配合使用效率最高。

📂 JS库-React - 带源码课件/ 📽️ 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)