现代 React Web 开发实战了解下?
React 技术是开发 Web 应用的一把利器。不过在实际工作中,很多前端开发者都存在一个误区:过于关注和强调“最新框架”“最新版本”,缺乏对前端发展历史的深度了解,也缺少对前端新技术新领域的上手实践。
这里分享我一个前端架构师朋友,宋一玮提出的“两步走”策略,分别是“以史为鉴”和“上手实践”。
第一步,了解前端的历史脉络,并从中建构解决问题的新思路:哪些东西一直在变,又有哪些东西从没变过。从而帮助我们构建起坚固的知识技能图谱;
1、每学到一些概念,就放到全局看看它们的位置;
2、每学到一部分 API 接口,就上手写代码加深印象;
3、在合适的时机去了解框架原理,把概念和接口关联起来;
4、这时再去学习下一批概念或接口,就会事半功倍。
特定到 React Web 项目的学习,宋一玮认为可以用一个公式来表达:React 新版本 + 函数组件 & Hooks 优先 + 团队协作 = 高效进阶。
他会先快速搭建一个小型 React 项目跑起来。然后再“肢解”这个项目,将拆解出来的部分从浅到深排序,一一为你讲解,并做一些必要的实验。
跟着学下来,你将有足够的知识从零开始,选择略有不同的技术栈,将这个 React 项目定制成另一个版本。从此你就可以作为 React 工程师,开展各类实践了。
如果你也想快速开发 React 前端应用,掌握开发大型 React 项目的工作方式,甚至领略前端老兵前端工程化的心法,不要错过这个专栏。
识别二维码,免费试读
在前端开发和架构设计领域,宋一玮绝对是名副其实的 KOL。
他曾供职于 IBM、Amazon 以及时光网,现任 FreeWheel 中国研发中心基础架构部的前端架构师,负责 FreeWheel 自研前端框架、BFF、微前端等方案的设计研发和推广。
从最早的 ASP、JSF、Flex、Dojo,一直到移动端、Angular,以及现在 FreeWheel 内广泛使用的 React,他从事前端开发和架构设计已有 16 年。
身为公司的前端架构师,在架构设计、技术评审等工作的同时,他依然坚持上手写代码,所以无论宏观还是微观层面,他对公司的前端都会更有把握。
宋一玮老师是从 React v0.14 版本开始投入到 React Web 应用开发工作的。
课程是怎么设计的?
课程一共分为三个部分,分别是历史篇、“独狼”篇和项目篇。
模块一:历史篇
宋一玮从软件前端发展的历史抽取部分片段,揭示一些规律,为你增加学习前端技术和从事前端开发工作的信心,也能在一定程度上对抗“新技术来得太快学了白学”的焦虑。
在此基础上,将由前端的发展趋势引出课程主题 -- React 技术,从前端架构和技术选型的视角,让你对 React 技术栈建立一个总体认识。
模块二:“独狼”篇
就是前文介绍到的:带着你快速开发一个简单的 React Web 应用。从这个应用的代码开始,从浅到深,一起学习 React 的 JSX 语法、组件化、组件样式、虚拟 DOM、生命周期、Hooks、单向数据流。
模块三:协作篇
在这个模块,他会介绍一些更具挑战的 React 概念和技巧,包括不可变数据、应用状态管理、强类型校验、代码复用,在 React 项目规模和复杂度不断提升时,它们将成为你的得力工具。
此外,当你因为要开发大型项目需要融入一个前端开发团队时,你有必要掌握一些略有不同的团队协作的工作方式,包括:项目代码结构、单元测试、端到端自动化测试,以及持续即成。
说了这么多,来看看目录吧。反正我第一眼看目录,就知道这门课绝对错不了。
最后分享宋一玮老师开设这门专栏的初衷:我深知开发者用于学习的时间精力是很有限的,投入一门课的时间,肯定希望这门课物超所值。相应的,学习一门技术,务必要有大于一门技术的收获。