当前位置: 首页 > Web前端 > JavaScript

重学ReactJS系列文章前言

时间:2023-03-27 00:12:48 JavaScript

书单这本书叫《重学React》,作者冯林,runjs.work的开发者。为什么要重新学习?再学习的目的是系统全面的了解React相关技术。从React(2014年)上线到现在的React18,站长本人几乎全程使用React做项目产品。包括这个站点(runjs.work)也是用React构建的。然而,尽管使用了这么多年,我对React的理解始终是一知半解。我经常遇到一些陷阱。其实官网回答的很清楚,但是google/百度了很久才找到答案。这让我想到,要想在React相关技术上有所突破,别说看懂源码,至少也要认真研读官方文档。React官网本身就是一个自成一体的系统,有完整的教程涵盖知识点。我相信完整的学习足以提升对React的理解。学什么法?没有笔记,没有研究。runjs.work是一款为程序员特别是前端程序员量身打造的笔记工具。所有文章均基于RunJSmarkdown模板编写,并配有丰富的RunJS代码示例。本书章节设置与React官网基本一致。本书是对React官网的补充,所以不会考虑涵盖官网的每一个基础知识点。补充部分包括:示例、最佳实践、why和how、踩坑代码等。本书及学习方法,可以随时加我微信(jinlingxi)交流。本书内容MAINCONCEPTS(核心概念)1.HelloWorld2.IntroducingJSX(JSX介绍)3.RenderingElements(元素渲染)4.ComponentsandProps(组件&道具)5.StateandLifecycle(状态&生命周期)6。HandlingEvents(事件处理)7.ConditionalRendering(条件渲染)8.ListsandKeys(列表&键)9.Forms(表单)10.LiftingStateUp(状态提升)11.CompositionvsInheritance(组合vs继承)12.ThinkingInReact(ReactPhilosophy)ADVANCEDGUIDES(高级指南)Accessibility(辅助功能)Code-Splitting(代码拆分)ContextErrorBoundaries(错误边界)转发Refs(Refs转发)Fragments高阶组件(Higher-OrderComponents)IntegratingwithOtherLibraries(与第三方库协作)JSXInDepth(深度JSX)OptimizingPerformance(性能优化)PortalsProfilerReactWithoutES6(不使用ES6)ReactWithoutJSX(不使用JSX)Reconciliation(协调)RefsandtheDOMRenderPropsStaticTypeChecking(静态类型检查)StrictMode(严格模式)TypecheckingWithPropTypes(使用PropTypes类型检查)UncontrolledComponents(非受控组件)WebComponentsAPIReferenceReact.ComponentReactDOMReactDOMClientReactDOMServerDOMElements(DOM元素)SyntheticEvent(合成事件)TestUtilitiesTestRenderJS环境要求(Javascriptenvironmentrequirements)Glossary(词汇表)HOOKSUsingthestateHook(usingStateHook)UsingtheEffectHook(usingEffectHook)RulesofHooks(钩子规则)BuildingYourOwnHooks(自定义钩子)HooksAPIReference(钩子API)index)Reactrenderfunction源码分析ReactHooks4useEffect()的使用方法记录useEffect引起的死循环useEffect清除副作用时的错误使用ACompleteGuidetouseEffect(第三方文章)ThrottleinuseEffectuseCallback和useMemoReactHooks的区别UseContextTESTING(测试)TestingOverview(测试概述)TestingRecipes(测试技巧)TestingEnvironments(测试环境)