写点什么

React

0 人感兴趣 · 58 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/d2/d2deccd386623870cf5ba2e36b87b87e.jpeg?x-oss-process=image/resize,w_416,h_234

React 学习总结

用户头像
pydata4 月 10 日

随着MVVM模式下现代前端框架的兴起,Vue和React作为两大现代前端框架代表热度一直不减,Vue更是推出了Vue3继续革新,React本身由于Facebook大厂背书,加上React Native跨平台的加持,其丰富的生态让开发者趋之若鹜。本文主要从MVVM、React和VUE的比较、

https://static001.geekbang.org/infoq/ec/ec4a05e492c1a72defc0b59aa36efd46.png?x-oss-process=image/resize,w_416,h_234

2021 年推荐给 React 开发者的 Visual Studio Code 插件及配置

用户头像
清秋4 月 7 日

本文是在 React 工程的 VS Code 插件及配置 基础上编写的,当时写的时候是 2018 年,至今项目组使用 React 开发已经两年多了,是时候更新一波 Visual Studio Code 插件使用文档了。本文主要以实用为目的,本着不折腾的原则,只挑选平时开发 React 工程用的顺

https://static001.geekbang.org/infoq/51/51d88aa33e0d1f11c10f863c0dd07a8f.png?x-oss-process=image/resize,w_416,h_234

Vite 2 + React 实践

用户头像
清秋4 月 5 日

Vite 无疑是当前最火热的项目之一,随着春节后 2.0 版本的发布,越来越多开发者开始关注起了这个项目。这个号称下一代前端构建工具的给我们最大的印象的就是快。日常被缓慢的项目启动时间和 HMR 折磨,有了 Vite 之后,真的不要太爽。虽然 Vite 和框架无关,

https://static001.geekbang.org/infoq/cd/cd7e77a3fdda0ee314431349b801d9e9.png?x-oss-process=image/resize,w_416,h_234

React 中后台系统多页签实现

用户头像
清秋3 月 28 日

在中后台管理类系统中,多页签的需求非常普遍,用户常常需要在多个页签内跳转,比如填写表单时去查询某个列表获取一些字段信息再回到表单页面填写。这样的需求在 Vue 中使用 keep-alive 即可实现,但是在 React 中,React Router 切换路由后就会卸载组件

React 中 useContext 和 useMemo 一般性使用

用户头像
sadhu3 月 14 日

通常,需要从某组件传递状态给深层嵌套的后代组件时,context 是一种可选方案。场景如应用“黑暗模式”主题等。以下是一个类似的简单 demo。

9.hooks 源码 (想知道 Function Component 是怎样保存状态的嘛)

用户头像
全栈潇晨3 月 4 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

10.scheduler&lane 模型 (来看看 react 是暂停、继续和插队的)

用户头像
全栈潇晨3 月 4 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

11.react concurrent mode(并发模式是什么样的)

用户头像
全栈潇晨3 月 4 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

12. 手写迷你 react(短小精悍就是我)

用户头像
全栈潇晨3 月 4 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

6.render 阶段 (厉害了, 我有创建 Fiber 的技能)

用户头像
全栈潇晨2 月 18 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

5.state 更新流程 (setState 里到底发生了什么)

用户头像
全栈潇晨2 月 18 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

4. 从 legacy 或 concurrent 开始 (从入口开始, 然后让我们奔向未来)

用户头像
全栈潇晨2 月 18 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

3.Fiber(我是在内存中的 dom)

用户头像
全栈潇晨2 月 17 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

2.react 心智模型 (来来来, 让大脑有 react 思维吧)

用户头像
全栈潇晨2 月 17 日

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等,并且详细debug源码和分析,过程更清晰。

1. 开篇 (听说你还在艰难的啃 react 源码)

用户头像
全栈潇晨2 月 17 日

​ 本教程目标是打造一门严谨(严格遵循react17核心思想)、通俗易懂(提供大量流程图解,结合demo、视频教程)的react源码解析课程,争取做到最容易理解,学起来效率最高的教程。在视频教程中,会带着大家一步一步断点调试。学完本课程后,你对react的理解会上升

https://static001.geekbang.org/infoq/d8/d8877e9319ea728b5bc6d2719a3314fe.jpeg?x-oss-process=image/resize,w_416,h_234

2020 全球 JS 调查报告新鲜出炉

用户头像
蓝色的秋风1 月 14 日

千呼万唤的全球2020的JS报告终于出来了,快来看看今年的新趋势吧。

https://static001.geekbang.org/infoq/10/1004ad722cb21575c46ae4db23869faa.png?x-oss-process=image/resize,w_416,h_234

探索 React 合成事件

用户头像
pingan87871 月 11 日

React 是一个 Facebook 开源的,用于构建用户界面的 JavaScript 库。

https://static001.geekbang.org/infoq/b6/b67cfa74270dec9342de3ed02c81e514.png?x-oss-process=image/resize,w_416,h_234

如何搭积木式的快速开发 H5 页面?

用户头像
徐小夕2020 年 12 月 15 日

2个月前开源的H5编辑器 H5-Dooring 目前已经成功迭代到1.0版本, 从最开始的基本的页面生成框架到现在的支持更丰富的组件资源,交互能力和数据追踪能力, 期间做了很多的设计和迭代,也收获了很多网友的反馈和启发, 也有很多志同道合的朋友加入进来一起让 H5-Doo

https://static001.geekbang.org/infoq/36/36db2450dd258b9d05ab785a5794f21b.png?x-oss-process=image/resize,w_416,h_234

深度剖析 github star 数 15.1k 的开源项目 redux-thunk

用户头像
徐小夕2020 年 12 月 3 日

日益忙碌的一周又过去了,是时候开始每周一次的总结复盘了,今天笔者就来剖析一下github中star数15.1k的开源项目redux-thunk。

https://static001.geekbang.org/infoq/45/457ea6b67ac6cc104575db949cb21274.png?x-oss-process=image/resize,w_416,h_234

前端如何实现一键截图功能?

用户头像
徐小夕2020 年 11 月 24 日

网页截图功能目前也是非常常见的需求, 尤其是在在线教育领域. 我们朋友圈的微信海报, 活动海报等, 一般都是运营/市场人员通过设计工具设计而成, 但是如何更好的映射到自己的服务体系里面, 比如H5页面中, 植入更多信息收集, 交互能力. 这一块的应用探索, 页面

https://static001.geekbang.org/infoq/5a/5a0a651fefb1bd20a4f62ccb32bb28d0.jpeg?x-oss-process=image/resize,w_416,h_234

React 灵魂 23 问

用户头像
局外人2020 年 11 月 21 日

适用于 React 高级进阶

https://static001.geekbang.org/infoq/aa/aabd5793fde7b29ddf131a2b5e1d07e5.png?x-oss-process=image/resize,w_416,h_234

有点意思的 gif 动图生成平台开发实战 (二)

用户头像
徐小夕2020 年 11 月 17 日

笔者之前利于业余时间开发了一个gif动图生成平台, 具体开发背景我也在上一篇文章手把手教你撸一个能生成抖音风格动图的gif制作平台中介绍过了, 我们今天继续来实现该平台, gif动图平台的实现方式比较将完全用前端的手段来实现, 所以大家在接下来的内容中会发

React Fiber 是什么?

用户头像
局外人2020 年 11 月 17 日

React 15 以及之前的版本有一个主要的问题 —— 虚拟 dom 的 diff 操作是同步完成的。

https://static001.geekbang.org/infoq/a0/a01586ff4acd370b1e483374f6df98c2.png?x-oss-process=image/resize,w_416,h_234

如何使用 JavaScript 实现前端导入和导出 excel 文件 (H5 编辑器实战复盘)

用户头像
徐小夕2020 年 11 月 13 日

最近笔者终于把H5-Dooring的后台管理系统初步搭建完成, 有了初步的数据采集和数据分析能力, 接下来我们就复盘一下其中涉及的几个知识点,并一一阐述其在Dooring H5可视化编辑器中的解决方案. 笔者将分成3篇文章来复盘, 主要解决场景如下:

https://static001.geekbang.org/infoq/fd/fd6358f2efc4dccb3fc25f520e259d46.png?x-oss-process=image/resize,w_416,h_234

前端如何一键生成多维度数据可视化分析报表

用户头像
徐小夕2020 年 11 月 13 日

本文是基于上一篇文章介绍**H5编辑器 后台管理系统实战的第二篇文章, 也是比较重要的一篇文章, 主要介绍后台系统中如何基于已有数据表格自动生成多维度可视化报表**.

https://static001.geekbang.org/infoq/8e/8e35508fb17db339966a3dc3d3b712e8.jpeg?x-oss-process=image/resize,w_416,h_234

React Ref 如何使用(译)

用户头像
西贝2020 年 11 月 4 日

介绍React Ref相关的内容,并提供了示例

https://static001.geekbang.org/infoq/70/70112c90f3254a4ce7949e3a143064b3.png?x-oss-process=image/resize,w_416,h_234

从零实现一个动态表单设计 (编辑) 器

用户头像
徐小夕2020 年 11 月 3 日

之前笔者有写过一篇如何设计动态表单配置平台的文章,但是由于笔者电脑问题代码丢失,所以后期重新实现了一套表单设计器,并优化了之前的设计方式,特地做一下总结和复盘。

React_React资料文章-InfoQ写作平台