资源简介
React 技术作为现代前端技术的集大成者之一,是 Web 开发应用的一把利器。不过在实际工作中,很多前端开发者都存在一个误区。
那就是过于关注和强调“最新框架”“最新版本”,而缺乏对前端发展历史的深度了解,也缺少对前端新技术新领域的上手实践。
具体到实际项目中,主要表现在“五个无所适从”:
- 在 Web 前端开发时过于局限在框架上,脱离了框架就无所适从了;
- 对各类开源 React 组件库很有心得,但需要自己写组件时就无所适从了;
- 编写相对简单的 React 样板项目手到擒来,项目规模提升后就无所适从了;
- 习惯于手工测试,需要引入自动化测试时就无所适从了;
- 停留在独自开发一个项目的舒适区,多人协作开发时就无所适从了。
为此,我们特地邀请了 FreeWheel 中国研发中心前端架构师宋一玮老师。他会结合自己多年来在前端领域深耕的经验和思考,帮助你解决 React Web 应用开发中的难题。
宋老师提炼出了“两步走”策略,分别是“以史为鉴”和“上手实践”。
第一步,他首先会展示前端的历史脉络,并从中建构解决问题的新思路:哪些东西一直在变,又有哪些东西从没变过。从而帮助我们构建起坚固的知识技能图谱,坚定从事前端开发工作的信心,对抗“新技术来得太快学了白学”的焦虑。
第二步,他会带你上手实践项目。在他看来,实践从来都不是二维的,而是三维的。比如学习一个新框架应该是这样的过程:
- 每学到一些概念,就需要放到全局看看它们的位置;
- 每学到一部分 API 接口,就需要上手写代码加深印象;
- 在合适的时机去了解框架原理,把概念和接口关联起来;
- 这时再去学习下一批概念或接口,就会事半功倍。
特定到 React Web 项目的学习,宋一玮老师认为可以用一个公式来表达:React 新版本 + 函数组件 &Hooks 优先 + 团队协作 = 高效进阶。
资源目录
——/计算机教程/02极客时间/001-极客时间合集(更新至2023年2月1日)-shikey.com/261-100119601-专栏课-宋一玮-现代 React Web 开发实战(完结)/ ├──MP3 | ├──01|身为Web前端工程师,我都在开发什么?.mp3 15.67M | ├──02|开发前端有哪些要点?React框架是如何应对的?.mp3 17.70M | ├──03|看板应用:从零开始快速搭建一个React项目.mp3 19.81M | ├──04|JSX:如何理解这种声明式语法糖?.mp3 21.78M | ├──05|前端组件化:将完整应用拆分成React组件.mp3 19.11M | ├──05|前端组件化:如何将完整应用拆分成React组件?.mp3 19.11M | ├──06|虚拟DOM:聊聊React组件渲染机制.mp3 17.15M | ├──06|虚拟DOM:为什么要关心React组件的渲染机制?.mp3 17.15M | ├──07|组件样式:聊聊CSS-in-JS的特点和典型使用场景.mp3 17.47M | ├──08|组件生命周期:React新老版本中生命周期的演化.mp3 15.55M | ├──09|React Hooks(上):为什么说在React中函数组件和Hooks是绝配?.mp3 19.25M | ├──10|React Hooks(下):用Hooks处理函数组件的副作用.mp3 18.32M | ├──11|事件处理:React合成事件是什么?为什么不用原生DOM事件?.mp3 15.15M | ├──12|组件表与里(上):数据是如何在 React 组件之间流转的?.mp3 16.53M | ├──13|组件表与里(下):用接口的思路设计开发React组件.mp3 19.38M | ├──14|现代化React:现代工程化技术下的React项目.mp3 18.41M | ├──15|不可变数据:为什么对React这么重要?.mp3 11.87M | ├──16|应用状态管理(上):应用状态管理框架Redux.mp3 9.86M | ├──17|应用状态管理(下):该用React组件状态还是Redux?.mp3 13.55M | ├──18|数据类型:活用TypeScript做类型检查.mp3 11.32M | ├──19|代码复用:如何设计开发自定义Hooks和高阶组件?.mp3 10.62M | ├──20|大型项目:源码越来越多,项目该如何扩展?.mp3 12.42M | ├──21|性能优化:保证优秀的用户体验.mp3 15.08M | ├──22|质量保证(上):每次上线都出Bug?你需要E2E测试.mp3 11.54M | ├──23|质量保证(下):测试金字塔与React单元测试.mp3 11.32M | ├──24|工程化与团队协作:让我们合作开发一个大型React项目.mp3 15.92M | ├──加餐01|留言区心愿单:真·子组件以及jsx-runtime.mp3 7.73M | ├──加餐02|留言区心愿单:Fiber协调引擎.mp3 8.85M | ├──结束语|对React和前端技术未来的展望.mp3 10.81M | ├──开篇词|React Web开发这样学,才能独当一面!.mp3 13.27M | ├──直播加餐01|前端开发为什么要工程化?.mp3 697.77kb | └──直播加餐02|Freewheel前端工程化的演进和最佳实践.mp3 731.17kb ├──01|身为Web前端工程师,我都在开发什么?.pdf 2.55M ├──02|开发前端有哪些要点?React框架是如何应对的?.pdf 4.38M ├──03|看板应用:从零开始快速搭建一个React项目.pdf 6.40M ├──04|JSX:如何理解这种声明式语法糖?.pdf 2.99M ├──05|前端组件化:将完整应用拆分成React组件.pdf 2.67M ├──05|前端组件化:如何将完整应用拆分成React组件?.pdf 2.65M ├──06|虚拟DOM:聊聊React组件渲染机制.pdf 5.37M ├──06|虚拟DOM:为什么要关心React组件的渲染机制?.pdf 5.33M ├──07|组件样式:聊聊CSS-in-JS的特点和典型使用场景.pdf 2.82M ├──08|组件生命周期:React新老版本中生命周期的演化.pdf 3.61M ├──09|React Hooks(上):为什么说在React中函数组件和Hooks是绝配?.pdf 2.00M ├──10|React Hooks(下):用Hooks处理函数组件的副作用.pdf 3.04M ├──11|事件处理:React合成事件是什么?为什么不用原生DOM事件?.pdf 2.40M ├──12|组件表与里(上):数据是如何在 React 组件之间流转的?.pdf 4.15M ├──13|组件表与里(下):用接口的思路设计开发React组件.pdf 4.38M ├──14|现代化React:现代工程化技术下的React项目.pdf 2.82M ├──15|不可变数据:为什么对React这么重要?.pdf 1.70M ├──16|应用状态管理(上):应用状态管理框架Redux.pdf 2.99M ├──17|应用状态管理(下):该用React组件状态还是Redux?.pdf 2.10M ├──18|数据类型:活用TypeScript做类型检查.pdf 1.48M ├──19|代码复用:如何设计开发自定义Hooks和高阶组件?.pdf 1.51M ├──20|大型项目:源码越来越多,项目该如何扩展?.pdf 2.92M ├──21|性能优化:保证优秀的用户体验.pdf 4.63M ├──22|质量保证(上):每次上线都出Bug?你需要E2E测试.pdf 4.45M ├──23|质量保证(下):测试金字塔与React单元测试.pdf 2.53M ├──24|工程化与团队协作:让我们合作开发一个大型React项目.pdf 3.63M ├──加餐01|留言区心愿单:真·子组件以及jsx-runtime.pdf 1.36M ├──加餐02|留言区心愿单:Fiber协调引擎.pdf 2.46M ├──结束语|对React和前端技术未来的展望.pdf 1.70M ├──开篇词|React Web开发这样学,才能独当一面!.pdf 6.35M ├──直播加餐01|前端开发为什么要工程化?.pdf 2.04M └──直播加餐02|Freewheel前端工程化的演进和最佳实践.pdf 18.20M
必填项已用
感谢分享
学习
向大佬学习
学习
向大佬学习
感谢分享
感谢分享
学习了
太666666666666666666666了
学习
小白来也
非常感谢分享,正想学习一下react
感谢分享
来看看
感谢
感谢
感谢分享
学习
感谢分享
看看,谢谢
感谢分享
学习一手
感谢分享
感谢分享