意见箱
恒创运营部门将仔细参阅您的意见和建议,必要时将通过预留邮箱与您保持联络。感谢您的支持!
意见/建议
提交建议

javascript - 重学ReactJS系列文章之前言_个人文章

来源:恒创科技 编辑:恒创科技编辑部
2024-01-29 03:07:59
本书目的

本书名叫《重学React》,作者枫林,runjs.work开发者。

为何要重新学?

重学的目的,是为了系统地、全面地了解React相关技术。从React刚推出(2014年),到现在的React 18,站长本人几乎是一路使用React做项目产品过来的。包括本站(runjs.work),也是用React打造。但是,尽管已经用了这么多年,我对React的了解,始终是似懂非懂。经常碰到一些坑,实际上官网解答的很清楚,结果却花了很长时间google/百度,才找到答案。

这就提醒我,要想再在React相关技术上有所突破,不说去理解源码吧,起码官方文档要认真地研读一遍。React官网,本身就是一个自成体系,知识点覆盖完备的教程。我相信,一次完整地研读,足以对React的理解有个质的提升。


javascript - 重学ReactJS系列文章之前言_个人文章

怎么个学法?

无笔记,不学习。

runjs.work,是为程序员,特别是前端程序员量身打造的笔记工具。

所有文章,都是基于RunJS markdown模板书写,同时配备丰富的RunJS代码示例。本书章节设置,基本与React官网一致。本书是React官网的补充,所以不会考虑覆盖官网的每个基础知识点。补充的部分包括:示例、最佳实践、why and how、踩坑代码等。

React官网中文版
React官网英文版

如果跟学

如果你对本书的主题以及学习的方式感兴趣,可以随时加本人微信(jinlingxi)交流。

本书目录MAIN CONCEPTS(核心概念)1. Hello World2. Introducing JSX(JSX简介)3. Rendering Elements(元素渲染)4. Components and Props(组件 & Props)5. State and Lifecycle(State &生命周期)6. Handling Events(事件处理)7. Conditional Rendering(条件渲染)8. Lists and Keys(列表 & Key)9. Forms(表单)10. Lifting State Up(状态提升)11. Composition vs Inheritance(组合 vs 继承)12. Thinking In React(React哲学)ADVANCED GUIDES(高级指引)Accessibility(无障碍)Code-Splitting(代码分割)ContextError Boundaries(错误边界)Forwarding Refs(Refs转发)FragmentsHigher-Order Components(高阶组件)Integrating with Other Libraries(与第三方库协同)JSX In Depth(深入JSX)Optimizing Performance(性能优化)PortalsProfilerReact Without ES6(不使用ES6)React Without JSX(不使用JSX)Reconciliation(协调)Refs and the DOMRender PropsStatic Type Checking(静态类型检查)Strict Mode(严格模式)Typechecking With PropTypes(使用PropTypes类型检查)Uncontrolled Components(非受控组件)Web ComponentsAPI ReferenceReact.ComponentReactDOMReactDOMClientReactDOMServerDOM Elements(DOM元素)SyntheticEvent(合成事件)Test UtilitiesTest RenderJS Environment Requirements(Javascript环境要求)Glossary(术语表)HOOKSUsing the state Hook(使用State Hook)Using the Effect Hook(使用Effect Hook)Rules of Hooks(Hook规则)Building Your Own Hooks(自定义Hook)Hooks API Reference(Hook API索引)React render函数源码解析React Hooks4 Ways to useEffect()记录一次由useEffect引起的死循环useEffect清除副作用时的错误用法A Complete Guide to useEffect(第三方文章)Throttle in useEffectuseCallback和useMemo的区别React Hooks之useContextTESTING(测试)Testing Overview(测试概览)Testing Recipes(测试技巧)Testing Environments(测试环境)
上一篇: javascript - 如何解决--在渲染函数之外调用插槽的问题_个人文章 下一篇: 手机怎么远程登录云服务器?