React Conf 2021 小记

104 阅读3分钟

React Conf 2021 小记

资源视频链接: React conf 2021

blog链接:Blog of React conf 2021

以下是个人关注重点,更深入理解,推荐观看原文链接(如上);

  1. Framer X支持直接设计模版直接导出jsx。

设计思想的共通性,使得工具之间可以建立联系,打通不同体系。 联系现在比较火的低代码/无代码平台,用乐高式组合的方式,简化应用及页面的搭建难度,方便业务需求方敏捷快速的搭建符合自己的产品。但产品组合是有局限性的,拓展需要新的基础元素或者布局的设计,这些还是需要开发。而引入设计到代码方式,直接打通页面开发环节,从UX设计模块-->直接生成模块组件(前端开发)--->需求方(产品/运营等)直接可视化搭建--->提出新模块构思--->UX设计新模块;一整套流程形成闭合,一旦运行,开发就不用持续去迭代;

  1. 服务端渲染中使用Suspense

    没听过suspense?点击这里

个人理解,从Suspense的广泛被支持来看,一个组件的封装应该包含了组件生命周期的环节,包括它的网络数据获取;未来的组件理应具有更强的独立性,可移植性。试想,再批上web component的外衣,独立性,可移植性更强大。

  1. React without memo 刚听到这个是不是感觉很奇怪?真的不需要了吗? 首先回想以下,useMemo 或者 React.Memo 的实现原理,简单来说是使用数组来'记忆'状态。memo更指代的是'记忆'。这个对于React的hook体系是不是很重要,答案是肯定的。那without是什么意思? 很简单,犹如低代码平台,我们使用React,犹如我们使用低代码平台,我们成为了用户,我们不用去编写,平台会'识别'或者说是一套编译规范帮我们'加工'我们编写的代码。 所以React without memo,是针对'用户'层面的我们。 想想是不是编程的起点越来越低,未来需要的不是码农,需要更多是在扎实的编程基础上的有思想的创作。

  2. Server component(服务器端组件) RSC 不同于SSR,RSC 是在服务器端执行,优点更接近后端,直接获取和处理数据,返回客户端的是处理数据的‘组件’。感觉是React之后的一个大方向。

  3. Concurrent react的并发模式,你一定知晓把。react这几年的大动作都是为了它。新增scheduler,fiber就是为了它。为什么再次提起Concurrent?之前是叫Concurrent mode现在是Concurrent feature。什么区别?模式是你直接切换的,特性是已经融入为一个属性了。 那开启这个属性?react 18前还有什么问题需要处理优化的呢?看下面。react 18的新特性,你就明白了之前是还有哪些体验上不好的地方。

  4. news in react 18

    1. automatic batching 自动批处理 以前的批处理是需要在特定执行环境内,而settimeout,promise跳出了当前环境,不会执行批量更新处理。而这次优化优化了这个。

    2. suspend on server 这个上面说了

    3. new APIs for app and library developers

    4. startTransition/useTransition/useDeferfedValue 降低优先级,用来处理有大量运算的函数,减少重复渲染。

    5. useId

    6. useSyncExternalStore 处理开启Concurrent 后,原本同步渲染的数据渲染次序异常。用来处理内部需要同步执行的的函数。