coderwhy__React核心技术与开发实战
深入React核心，实战项目驱动
编辑点评
系统讲解React核心概念，实战项目丰富，适合进阶学习。
⭐ 编辑推荐
本课程由资深讲师 coderwhy 主讲，深入浅出讲解React核心技术，通过实战项目提升开发能力。
课程亮点
• React核心概念深入讲解
• 实战项目丰富，提升实战能力
• 适合进阶学习
课程目录
📁 coderwhy__React核心技术与开发实战1
📁 2.代码
📁 PPT
项目自动化部署.pdf [788.0 KB]
14_React过渡动画.pdf [178.9 KB]
05_React脚手架.pdf [2.6 MB]
02_03_04_JSX核心语法.pdf [1.9 MB]
12_AntDesignUI库.pdf [1.0 MB]
01_.pdf [3.8 MB]
13_axios的使用.pdf [796.3 KB]
11_React的CSS.pdf [754.8 KB]
06_07_08__09_10_React组件化开发.pdf [4.9 MB]
18_19_React-router的使用.pdf [791.9 KB]
23_24_网易云项目实战.pdf [218.0 KB]
15_16_17_Redux的使用.pdf [1.9 MB]
20_21_22_React-Hooks.pdf [1.5 MB]
30_React-SSR.pdf [540.6 KB]
📁 code
📁 06_learn_antdesign
📁 src
📁 comment
📁 components
CommentInput.js [1.1 KB]
CommentItem.js [799.0 B]
App.js [1.0 KB]
📁 components
📁 home
📁 childCpns
📁 home-recommend
index.js [300.0 B]
📁 title
index.js [176.0 B]
📁 about
App.js [2.5 KB]
index.js [284.0 B]
📁 public
favicon.ico [3.1 KB]
index.html [921.0 B]
README【公重号：CunWorkNotes】.md [2.8 KB]
yarn.lock [486.9 KB]
craco.config.js [519.0 B]
package.json [899.0 B]
📁 04_learn_component
📁 src
📁 css
index.css [90.0 B]
📁 10_受控和非受控组件
04_受控组件-多输入.js [1.9 KB]
01_refs的使用.js [1.7 KB]
03_受控组件-select的使用.js [856.0 B]
05_非受控组件的使用.js [621.0 B]
02_受控组件的基本使用.js [832.0 B]
📁 09_前面知识点补充
02_全局事件传递.js [959.0 B]
01_setState不可变的力量.js [1.5 KB]
📁 05_React实现slot
NavBar.js [486.0 B]
NavBar2.js [479.0 B]
style.css [261.0 B]
App.js [549.0 B]
📁 01_组件的定义方式
02_render返回值.js [121.0 B]
01_组件的定义.js [731.0 B]
📁 02_组件的生命周期
App.js [1.2 KB]
📁 11_高阶组件的使用
02_高阶组件应用-增强props.js [889.0 B]
03_高阶组件应用-增强props-默认.js [1.0 KB]
01_高阶组件的定义方式.js [678.0 B]
05_高阶组件应用-登录鉴权操作.js [699.0 B]
04_高阶组件应用-增强props-改进.js [1.4 KB]
06_高阶组件应用-生命周期劫持-默认.js [1007.0 B]
07_高阶组件应用-生命周期劫持-增强.js [1016.0 B]
📁 08_React性能优化
04_PureComponent.js [1.3 KB]
01_列表中keys的作用.js [730.0 B]
03_shouldComponentUpdate.js [822.0 B]
02_组件嵌套的render调用.js [1.3 KB]
05_memo的使用.js [1.4 KB]
📁 12_组件内容补充
02_portals的使用.js [550.0 B]
04_strictMode的使用.js [859.0 B]
03_fragments的使用.js [907.0 B]
01_ref的转发.js [870.0 B]
📁 03_组件间的通信
03_父传子通信-函数组件.js [382.0 B]
05_子传父通信-函数传递.js [650.0 B]
04_父传子通信-属性验证.js [1.0 KB]
01_组件间的嵌套.js [713.0 B]
02_父传子通信-类组件.js [639.0 B]
📁 07_setState的使用
05_setState本身的合并.js [1006.0 B]
02_setState是异步更新.js [1006.0 B]
03_setState是同步更新.js [954.0 B]
01_为什么使用setState.js [509.0 B]
04_setState数据的合并.js [629.0 B]
📁 04_组件通信案例
TabControl.js [928.0 B]
style.css [255.0 B]
App.js [617.0 B]
📁 06_跨组件的通信
03_跨组件通信-context函数.js [998.0 B]
04_跨组件通信-多个context.js [1.5 KB]
01_跨组件通信-props.js [804.0 B]
02_跨组件通信-context.js [1019.0 B]
index.js [2.6 KB]
📁 public
favicon.ico [3.1 KB]
index.html [543.0 B]
README.md [2.8 KB]
package.json [778.0 B]
yarn.lock [460.9 KB]
📁 03_hello_react
📁 src
📁 home
📁 category
App.js [398.0 B]
index.js [145.0 B]
utils.js [116.0 B]
📁 public
favicon.ico [3.1 KB]
index.html [1.4 KB]
README.md [2.8 KB]
package.json [750.0 B]
yarn.lock [460.9 KB]
📁 05_react_style
📁 public
index.html [1.6 KB]
favicon.ico [3.1 KB]
📁 src
📁 03_css_modules
📁 app
index.js [384.0 B]
style.module.css [25.0 B]
📁 home
style.module.css [73.0 B]
index.js [378.0 B]
📁 profile
style.module.css [61.0 B]
index.js [599.0 B]
📁 02_普通的css
📁 app
index.js [354.0 B]
style.css [32.0 B]
📁 profile
style.css [36.0 B]
index.js [423.0 B]
📁 home
index.js [336.0 B]
style.css [85.0 B]
📁 04_styled-components
📁 app
index.js [839.0 B]
📁 profile
index.js [844.0 B]
📁 home
index.js [495.0 B]
style.js [548.0 B]
📁 01_内联样式
App.js [471.0 B]
index.js [307.0 B]
README【整理不易‖记得关注：CunWorKNotes】.md [2.8 KB]
yarn.lock [466.6 KB]
package.json [785.0 B]
📁 13_learn-router
📁 public
index【整理不易‖记得关注：CunWorKNotes】.html [1.6 KB]
favicon.ico [3.1 KB]
📁 src
📁 pages
detail.js [272.0 B]
detail3.js [280.0 B]
detail2.js [256.0 B]
login.js [183.0 B]
product.js [354.0 B]
home.js [181.0 B]
noMatch.js [187.0 B]
user.js [401.0 B]
profile.js [187.0 B]
about.js [1.6 KB]
📁 router
index.js [808.0 B]
index.js [241.0 B]
App.js [3.1 KB]
App.css [142.0 B]
README【优质资源‖关注：cunWorkNotes 解锁】.md [2.8 KB]
yarn.lock [466.5 KB]
package.json [822.0 B]
📁 14_learn-hooks
📁 src
📁 04_useContext使用
useContext的使用.js [327.0 B]
📁 hooks
user-hook.js [257.0 B]
local-store-hook.js [362.0 B]
scroll-position-hook.js [449.0 B]
📁 08_useRef
01_useRef引用DOM.js [781.0 B]
02_useRef引用其他数据.js [536.0 B]
📁 03_useEffect使用
03_useEffect模拟订阅和取消订阅.js [438.0 B]
04_多useEffect一起使用.js [672.0 B]
02_useEffect的hook实现title的修改.js [347.0 B]
01_class实现title的修改.js [727.0 B]
📁 06_useCallback使用
02_useCallback进行的性能优化.js [1.1 KB]
01_useCallback不能进行的性能优化.js [702.0 B]
📁 10_useLayoutEffect
01_useEffect的count修改.js [374.0 B]
02_useLayoutEffect的count修改.js [403.0 B]
📁 07_useMemo使用
01_useMemo复杂计算的应用.js [662.0 B]
02_useMemo传入子组件应用类型.js [586.0 B]
📁 09_useImperativeHandle
02_useImperativeHandle用法.js [535.0 B]
01_回顾forwardRef的用法.js [354.0 B]
📁 05_useReducer使用
home.js [458.0 B]
reducer.js [262.0 B]
profile.js [460.0 B]
📁 01_体验hooks
03_counter-hook.js [828.0 B]
01_counter-class.js [616.0 B]
02_counter-hook.js [659.0 B]
📁 11_自定义Hook
02_自定义Hook练习-Context共享.js [293.0 B]
01_认识自定义Hook.js [598.0 B]
03_自定义Hook练习-获取滚动位置.js [373.0 B]
04_自定义Hook练习-localStorage存储.js [357.0 B]
📁 02_useState使用
01_多个状态的使用.js [480.0 B]
02_复杂状态的修改.js [1.3 KB]
App.js [4.0 KB]
index.js [154.0 B]
📁 public
index.html [1.6 KB]
favicon.ico [3.1 KB]
README.md [2.8 KB]
yarn.lock [462.3 KB]
package.json [750.0 B]
📁 02_learn_scaffold
📁 public
robots.txt [67.0 B]
favicon.ico [3.1 KB]
index.html [1.7 KB]
logo512.png [9.4 KB]
logo192.png [5.2 KB]
manifest.json [492.0 B]
📁 config
📁 jest
fileTransform.js [1.2 KB]
cssTransform.js [314.0 B]
webpackDevServer.config.js [6.8 KB]
env.js [3.9 KB]
webpack.config.js [28.7 KB]
pnpTs.js [620.0 B]
paths.js [2.1 KB]
modules.js [3.8 KB]
getHttpsConfig.js [1.8 KB]
📁 scripts
test.js [1.3 KB]
start.js [5.1 KB]
build.js [6.7 KB]
📁 src
serviceWorker.js [5.0 KB]
setupTests.js [255.0 B]
App.js [584.0 B]
main.js
App.css [564.0 B]
logo.svg [2.6 KB]
index.css [366.0 B]
index.js [502.0 B]
App.test.js [280.0 B]
yarn.lock [459.0 KB]
README.md [2.8 KB]
package.json [3.8 KB]
📁 hy-music-web-music
📁 public
index【持续更新‖免费提供：CunworknoteS】.html [512.0 B]
favicon.ico [4.2 KB]
📁 src
📁 pages
📁 discover
📁 c-pages
📁 recommend
📁 c-cpns
…（已达最大深度 10 层，子目录未展开）
📁 store
…（已达最大深度 10 层，子目录未展开）
index.js [1.5 KB]
style.js [359.0 B]
📁 ranking
index.js [144.0 B]
📁 djradio
index.js [144.0 B]
📁 artist
index.js [142.0 B]
📁 songs
index.js [140.0 B]
📁 album
index.js [140.0 B]
index.js [786.0 B]
style.js [561.0 B]
📁 player
📁 app-player-bar
index.js [5.8 KB]
style.js [2.7 KB]
📁 store
actionCreators.js [3.2 KB]
index.js [136.0 B]
reducer.js [4.9 KB]
constants.js [399.0 B]
index.js [510.0 B]
style.js [365.0 B]
📁 friend
index.js [144.0 B]
📁 mine
index.js [140.0 B]
📁 components
📁 app-header
index.js [1.5 KB]
style.js [1.9 KB]
📁 album-cover
style.js [829.0 B]
index.js [723.0 B]
📁 app-footer
index.js [2.1 KB]
style.js [1.7 KB]
📁 top-ranking
index.js [1.9 KB]
style.js [2.1 KB]
📁 theme-header-rcm
style.js [823.0 B]
index.js [1015.0 B]
📁 songs-cover
index.js [901.0 B]
style.js [1.1 KB]
📁 utils
math-utils.js [82.0 B]
parse-lyric.js [1017.0 B]
format-utils.js [1.2 KB]
📁 services
recommend.js [473.0 B]
player.js [257.0 B]
config.js [215.0 B]
request.js [848.0 B]
📁 common
contants.js [113.0 B]
local-data.js [1.6 KB]
📁 store
reducer.js [328.0 B]
index.js [317.0 B]
📁 router
index.js [2.3 KB]
📁 assets
📁 img
sprite_table.png [2.7 KB]
wrap-bg.png [182.0 B]
sprite_icon2.png [14.6 KB]
sprite_button.png [45.2 KB]
sprite_footer_02.png [47.2 KB]
sprite_icon.png [14.1 KB]
sprite_02.png [13.5 KB]
sprite_footer_01.png [22.7 KB]
sprite_button2.png [13.7 KB]
sprite_cover.png [77.0 KB]
singer_sprite.png [698.0 B]
sprite_01.png [3.0 KB]
recommend-top-bg.png [3.0 KB]
playbar_sprite.png [14.5 KB]
banner_sprite.png [4.4 KB]
progress_bar.png [1.2 KB]
radio_slide.png [1.4 KB]
download.png [17.7 KB]
📁 css
reset.css [2.0 KB]
📁 font
App.js [732.0 B]
index.js [187.0 B]
yarn.lock [495.5 KB]
package.json [1.1 KB]
craco.config.js [215.0 B]
README.md [2.8 KB]
📁 11_learn-middleware
📁 store
reducer.js [585.0 B]
index.js [130.0 B]
constants.js [156.0 B]
actionCreators.js [539.0 B]
package.json [234.0 B]
yarn.lock [1.3 KB]
basic_redux.js [1.1 KB]
index.js [2.3 KB]
📁 08_learn_transition
📁 src
📁 transition
CSSTransition.css [434.0 B]
SwitchTransition.css [347.0 B]
TransitionGroupDemo.js [1.2 KB]
SwitchTransitionDemo.js [756.0 B]
TransitionGroup.css [392.0 B]
CSSTransitionDemo.js [1.9 KB]
App.js [523.0 B]
index.js [226.0 B]
📁 public
index.html [1.6 KB]
favicon.ico [3.1 KB]
README.md [2.8 KB]
yarn.lock [484.1 KB]
package.json [852.0 B]
📁 10_react-redux
📁 src
📁 store
actionCreators.js [1.3 KB]
saga.js [976.0 B]
reducer.js [818.0 B]
constants.js [316.0 B]
index.js [684.0 B]
📁 pages
home4-redux-thunk使用.js [942.0 B]
about2.js [743.0 B]
about.js [899.0 B]
about4.js [1.0 KB]
home1-手动和redux联系.js [882.0 B]
home3-react-redux-connect.js [1.3 KB]
home2-自定义的connect.js [742.0 B]
home5-redux-saga使用.js [946.0 B]
about3.js [1.2 KB]
📁 utils
connect.js [976.0 B]
context.js [100.0 B]
App.js [280.0 B]
index.js [318.0 B]
📁 public
favicon.ico [3.1 KB]
index.html [1.6 KB]
package.json [883.0 B]
yarn.lock [468.0 KB]
README.md [2.8 KB]
📁 09_learn-redux
📁 store
actionCreators.js [539.0 B]
constants.js [156.0 B]
reducer.js [585.0 B]
index.js [130.0 B]
basic_redux.js [1.1 KB]
yarn.lock [1.3 KB]
package.json [234.0 B]
index.js [378.0 B]
📁 12_redux-reducer
📁 src
📁 store
📁 home
constants.js [159.0 B]
index.js [55.0 B]
actionCreators.js [787.0 B]
reducer.js [465.0 B]
📁 counter
reducer.js [636.0 B]
actionCreators.js [540.0 B]
index.js [56.0 B]
constants.js [155.0 B]
index.js [684.0 B]
reducer.js [497.0 B]
saga.js [961.0 B]
📁 pages
about2.js [743.0 B]
home2-自定义的connect.js [742.0 B]
about3.js [1.2 KB]
about.js [899.0 B]
home3-react-redux-connect.js [1.3 KB]
home1-手动和redux联系.js [882.0 B]
home4-redux-thunk使用.js [942.0 B]
home5-redux-saga使用.js [1014.0 B]
📁 utils
connect.js [976.0 B]
context.js [100.0 B]
App.js [280.0 B]
index.js [318.0 B]
📁 public
index.html [1.6 KB]
favicon.ico [3.1 KB]
README.md [2.8 KB]
package.json [883.0 B]
yarn.lock [468.0 KB]
📁 16_learn-next
📁 pages
📁 profile
📁 settings
index.js [189.0 B]
📁 layout
index.js [350.0 B]
📁 info
style.js [134.0 B]
index.js [285.0 B]
index.js [163.0 B]
📁 recommend
index.js [260.0 B]
📁 api
hello.js [168.0 B]
about.js [500.0 B]
_app.js [682.0 B]
_document.js [469.0 B]
index.js [1.5 KB]
📁 components
📁 app-layout
index.js [566.0 B]
📁 styles
Home.module.css [59.0 B]
globals.css [287.0 B]
app.css [20.0 B]
📁 public
favicon.ico [14.7 KB]
vercel.svg [1.1 KB]
yarn.lock [216.3 KB]
package.json [399.0 B]
README.md [1.2 KB]
📁 07_learn_axios
📁 src
📁 service
config.js [206.0 B]
request.js [882.0 B]
App.js [3.9 KB]
index.js [455.0 B]
📁 public
index.html [514.0 B]
favicon.ico [3.1 KB]
README.md [2.8 KB]
package.json [774.0 B]
yarn.lock [462.8 KB]
📁 01_learn_react
📁 02_JSX核心语法一
02_案例练习-计数器案例【公重号：CunWorkNotes】.html [1.1 KB]
05_jsx嵌入数据.html [1.5 KB]
04_jsx中的注释.html [810.0 B]
03_认识jsx的语法.html [552.0 B]
06_jsx嵌入表达式.html [1.2 KB]
01_案例练习-电影列表.html [1.3 KB]
📁 03_JSX核心语法二
03_jsx绑定事件-传递参数【资源精选‖更多关注：CunworkNotes】.html [1.6 KB]
02_jsx绑定事件和this处理.html [1.7 KB]
format_utils.js
01_jsx绑定属性.html [1.6 KB]
04_条件渲染.html [1.8 KB]
06_列表渲染.html [1.7 KB]
05_条件渲染-v-show效果.html [1.1 KB]
📁 00_语法补充
03_数组的高阶函数【持续更新‖免费提供：CunworknoteS】.html [996.0 B]
06_generator的使用【资源精选‖更多关注：CunworkNotes】.html [1.8 KB]
09_数据的可变引起的问题.html [399.0 B]
10_ImmutableJS的使用.html [1.2 KB]
04_模板字符串的使用.html [654.0 B]
07_监听hash的改变.html [806.0 B]
05_JavaScript的纯函数.html [1.3 KB]
02_JavaScript类的继承.html [1.6 KB]
08_监听history的改变.html [1.2 KB]
01_JavaScript类的定义.html [1.1 KB]
📁 04_JSX的本质
01_jsx的基本写法【优质资源‖关注：cunWorkNotes 解锁】.html [586.0 B]
03_createElement写法.html [1.5 KB]
04_ReactElement对象.html [1.4 KB]
02_jsx的babel转换.html [1.1 KB]
📁 05_阶段案例练习
02_书籍内容的填充.html [2.8 KB]
01_案例的结构搭建.html [1.8 KB]
04_移除某个书籍【资源精选‖更多关注：CunworkNotes】.html [3.9 KB]
03_书籍总价格显示.html [3.5 KB]
05_书籍的数量改变.html [4.2 KB]
format-utils.js [139.0 B]
📁 01_Hello-React
03_Hello_World-Button按钮【持续更新‖免费提供：CunworknoteS】.html [1.2 KB]
02_Hello_World-React实现.html [893.0 B]
01_Hello_World-原生实现.html [826.0 B]
04_Hello_World-组件化实现.html [1.3 KB]
📁 react
babel.min.js [772.7 KB]
react-dom.development.js [885.1 KB]
react.development.js [102.7 KB]
📁 项目资源
📁 assets
📁 css
base.css [1.7 KB]
📁 img
sprite_table.png [2.7 KB]
sprite_footer_01.png [22.7 KB]
sprite_footer_02.png [47.2 KB]
sprite_02.png [13.5 KB]
radio_slide.png [1.4 KB]
sprite_01.png [3.0 KB]
sprite_cover.png [77.0 KB]
sprite_icon2.png [14.6 KB]
recommend-top-bg.png [3.0 KB]
download.png [17.7 KB]
sprite_icon.png [14.1 KB]
sprite_button.png [45.2 KB]
sprite_button2.png [13.7 KB]
📁 font
📁 common
local-data.js [2.6 KB]
📁 Xmind
深入React技术栈.xmind [270.4 KB]
深入React技术栈.png [1.8 MB]
📁 课堂画图
01_内存表现.png [196.5 KB]
02_后端路由.png [150.1 KB]
03_单页面富应用.png [192.2 KB]
📁 react
babel.min.js [772.7 KB]
react-dom.development.js [885.1 KB]
react.development.js [102.7 KB]
16.React Hooks（二）.mp4 [1.3 GB]
01.邂逅React开发和初体验【持续更新‖免费提供：CunworknoteS】.mp4 [987.8 MB]
30.React SSR开发.mp4 [1.7 GB]
24.React服务端渲染.mp4 [1.6 GB]
22.hooks收尾-Fiber原理-Hook原理.mp4 [1.5 GB]
25.项目实战（三）.mp4 [1.4 GB]
12.AntDesign库的使用以及其他补充.mp4 [1.4 GB]
14.react过渡动画和纯函数使用【更多精选‖公众号：CunWorknotes】 .mp4 [1.0 GB]
27.项目实战（五）.mp4 [1.9 GB]
29.React项目部署【持续更新‖免费提供：CunworknoteS】.mp4 [2.2 GB]
11.组件化补充和React中样式.mp4 [1.3 GB]
read me【优质资源‖关注：cunWorkNotes 解锁】.txt [97.0 B]
18.综合项目实战（二）.mp4 [1.3 GB]
26.项目实战（四）.mp4 [1.8 GB]
08.setState详细解析和React性能优化.mp4 [1.9 GB]
05.React脚手架的详细解析.mp4 [985.1 MB]
28.项目实战（六）.mp4 [1.9 GB]
21.综合项目实战（五）.mp4 [1.1 GB]
20.综合项目实战（四）.mp4 [1.2 GB]
17.综合项目实战（一）.mp4 [1.4 GB]
09.知识补充和受控非受控组件.mp4 [1.4 GB]
07.React组件化开发（二）.mp4 [1.5 GB]
19.综合项目实战（三）.mp4 [1.4 GB]
23.React打包和部署.mp4 [1.2 GB]
15.React Hooks（一）.mp4 [1.1 GB]
13.React中axios使用和封装.mp4 [1.0 GB]
10.高阶组件和组件补充_(new).mp4 [1.4 GB]
06.React组件化开发（一）.mp4 [1.4 GB]
资料day01_day30.zip [34.6 MB]
02.案例练习-jsx核心语法一.mp4 [773.5 MB]
04.jsx的本质-源码-阶段案例.mp4 [1.2 GB]
03.jsx核心语法二.mp4 [1.1 GB]适合人群
- React开发者
- 前端工程师
学习收获
掌握React核心概念
提升项目开发能力
进阶学习React技术
祝您学习愉快！
学有所成，前程似锦！
