小宝宝爷爷一看就会的React基础 | 青训营笔记

96 阅读2分钟

这是我参与「第四届青训营」笔记创作活动的第11天

前言

用React的看不起用Angular的,Git用户天天骂SVN傻瓜。 ——当初就不该学php

在前端开发中,我们需要的是和一般的程序不一样的编程范式:响应式编程。目前来讲对于响应式编程用的最多的框架就是React。所以我们今天就来学一手。

UI编程痛点

在网站进行操作的时候,如果我们不给ui写脚本的话,ui自己是不会更新的,我们必须要手动来调用。在代码层面,也很难进行组件化。ui之间各元素的依赖关系都需要自己维护,如果这个路径过长的话也会出问题。

响应式编程的特点

对于上面讲的痛点,我们通过响应式编程就可以妥善的解决:当状态更新的时候,ui会进行自动更新。前端的代码也可以组件化,封装性和复用性更好。状态之间的相互依赖关系,只用声明就可以了。

组件设计

对此,React使用了一种组件化的设计来达到他的目的。组件声明了状态和UI的映射,具有Props/State两种状态,可以由其他组件拼装而成。让接收到一个参数之后直接返回一个UI。

虚拟DOM

React开创性地创造了一种叫做虚拟DOM的东西,是一种用于和真实的DOM同步,而在JS内存中维护的一个对象,可以与DOM建立一一对应的关系。可以把O(n3)O(n^3)的复杂度降低到O(n)O(n)

React状态管理库

我们目前有很多的库可以用来管理React的ui状态,可以将状态抽离到UI外部进行统一管理。包括Reduxxstatemobxrecoil等。

应用级框架科普

目前有很多基于React的更加成熟的框架,可以供大家使用,可以让我们的工作变得更加便捷,包括next.jsmodern.jsBlitz等。

总结

不能老盯着那三件套啦,已经2022年啦,如果有人还不会响应式编程的话那我就不是很认同了。