头图

SegmentFault 思否技术周刊 -- 掌握这个概念,你就理解了 React

Beverly
北京市
English

小编整理了思否社区关于 React 的优质技术文章,欢迎大家阅读 ~

文章推荐

React 组件应用于 Spring MVC 工程

公司前端工程还处于 React+Mobx 与 Spring MVC(freemarker+jQuery)技术栈共存的阶段,两种技术栈页面难免会存在一些相同的业务功能点,如果分别开发和维护,就需要双倍的人力成本,因此,我们尝试将 React 业务组件在 webpack、babel 等利器的帮助下应用于 Spring MVC 项目。

React Fiber 架构原理剖析

在 React 16 之前,VirtualDOM 的更新采用的是Stack架构实现的,也就是循环递归方式。不过,这种对比方式有明显的缺陷,就是一旦任务开始进行就无法中断,如果遇到应用中组件数量比较庞大,那么VirtualDOM 的层级就会比较深,带来的结果就是主线程被长期占用,进而阻塞渲染、造成卡顿现象。

从原生 JavaScript 到 React

React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API,即 DOM,所以新手可能想知道 React 带来了什么以及它与 DOM 的关系。

使用 React 手写一个手风琴组件

知识点
emotion语法
react语法
css语法
typescript类型语法

动手撸组件系列 —— 1. 使用 React 实现一个 Collapse 组件

写组件的能力是衡量前端工程师水平的重要指标,不管是基础组件还是业务组件。
笔者在空闲时间也喜欢写组件,为了帮助初学者上手写React组件,同时为了分享我在写组件中的经验和想法,决定开设一个系列,即:动手撸组件系列,和大家分享一些公共组件和业务组件的实现方式和实现技巧。
作为这个系列的第一篇文章,分享下如何从零到一实现一个折叠面板(Collapse)组件

实现 React 过程中一次有趣的问题排查经历

趁着对 React 内部运行流程还记得住,业余时间尝试复刻一个 React —— big-react。
即然是复刻一个 React,那肯定得跑通部分官方的测试用例。
在跑一个用例时遇到个很有意思的问题,以下是排查过程。

React:不要动,否则你会被炒鱿鱼

不知道大家在用React开发时,有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:
直译过来就是内部神秘属性,不要乱用!否则你会被炒鱿鱼。
为什么会有个这么唬人的属性?今天我们来聊聊。

问答推荐

课程推荐

《自顶向下学 React 源码》

课程特色:

  • 基于最新源码,本课程基于最新 React17.0.0-alpha 设计,全网稀缺。React17 发布的 Concurrent Mode 是React 前几年的努力方向,也是未来几年的发展方向。市面上目前还没有 React17 源码级别的课程。
  • 辅助资料完备,课程配备了配套电子书《React技术揭秘》、丰富的在线Demo、实战练习。
  • “自顶向下”的授课方式,符合人类认知的过程。如果说别的源码分析课程是“高级”难度,那么本课程只有“中级”难度。原因在于课程使用“自顶向下”的授课方式,更符合人类认知的过程。

PS:大家想看哪些方面的技术内容,可以在评论区留言喔 ~
如有问题可以添加小姐姐微信~
image.png

阅读 2k

SegmentFault_社区周刊
主题技术周刊,每周分享新鲜有趣的技术干货。
avatar
Beverly
SegmentFault 思否社区打工人

怂人面前全是坑,努力填坑。加油💪🏻,小鸣酱~

647 声望
2.1k 粉丝
0 条评论
avatar
Beverly
SegmentFault 思否社区打工人

怂人面前全是坑,努力填坑。加油💪🏻,小鸣酱~

647 声望
2.1k 粉丝
文章目录
宣传栏