React_React资料文章-InfoQ写作平台

React

1 人感兴趣 · 81 次引用

关注

最新
推荐

react 源码解析 18 事件系统

全栈潇晨7 小时前

1.开篇介绍和面试题

React

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

一文带你快速了解 TypeScript

HaiJun17 小时前

现在面试 TypeScript 已经成为必要条件了，在去年你还在犹豫学不学 TypeScript 时，别人已经用在实际项目中。如今你再不学TypeScript ，后续的话工作越来越难找，跟着趋势走，不会被抛下的。

typescript 前端 Vue3 React

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

来自小姐姐的灵魂拷问：位运算是什么？

前端森林6 月 22 日

本篇对位运算做了一个较为系统的说明。其实在实际的开发中，不了解位元算的同学也不少。但是在某些场景下能合理的运用位运算也是可以解决很多实际问题的。

计算机网络位运算 React 二进制

react 源码解析 17.context

全栈潇晨6 月 22 日

1.开篇介绍和面试题

React

react 源码解析 15.scheduler&Lane

全栈潇晨6 月 18 日

1.开篇介绍和面试题

React

react 源码解析 14. 手写 hooks

全栈潇晨6 月 17 日

1.开篇介绍和面试题

React

react 源码解析 13.hooks 源码

全栈潇晨6 月 16 日

1.开篇介绍和面试题

React

react 源码解析 12. 状态更新流程

全栈潇晨6 月 15 日

1.开篇介绍和面试题

React

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

浅浅谈 Redux

Daniel6 月 14 日

if 读完了 then 你能了解到：好钢用在刀刃 - redux的应用场景; 万变不离其宗 - redux的基本思路

React Redux 6月日更 6 月日更

react 源码解析 8.render 阶段

全栈潇晨6 月 8 日

1.开篇介绍和面试题

React react源码

【译】编写整洁 React 代码的简单实践

KooFE前端团队6 月 7 日

整洁的代码不仅仅是能运行的代码，整洁的代码易于阅读，简单易懂，条理清晰。在本文中，我们将介绍八种编写 React 整洁代码的方法。

前端 React 6 月日更整洁代码

怒肝最新保姆级前端学习路线，速成贴心全面！

程序员鱼皮6 月 7 日

这份学习路线并不完美，也不会有最终形态，正如前端不可预见、永无止境的未来。

CSS JavaScript Vue 前端 React

【译】编写整洁 React 组件的简单小技巧

KooFE前端团队6 月 6 日

在这篇文章中，我们会回顾一些简单的技巧，它们将帮助我们编写更简洁的 React 组件，并且更好地扩展我们的项目。

前端 React 6 月日更整洁代码

react 源码解析 5.jsx& 核心 api

全栈潇晨6 月 4 日

1.开篇介绍和面试题

React React Hooks

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

React Hooks - 如何安全地使用 state

Daniel6 月 3 日

今天我们来聊一聊 "如何安全地使用 state"

React React Hooks JavaScrip 6月日更 6 月日更

react 源码解析 3.react 源码架构

全栈潇晨6 月 2 日

1.开篇介绍和面试题

React React Hooks react源码

react 源码解析 2.react 的设计理念

全栈潇晨6 月 1 日

react源码解析2.react的设计理念

React React Hooks react源码

react 源码解析 1. 开篇介绍和面试题

全栈潇晨5 月 31 日

react源码解析1.开篇介绍和面试题

React React Hooks react源码

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

从源码中来，到业务中去，React 性能优化终极指南

有道技术团队5 月 27 日

前言：我们从React源码入手，结合有道精品课大前端的具体业务，运用三大原则对系统进行外科手术式的优化。同时介绍React Profiler这款工具如何帮我们定位性能瓶颈。

大前端 React 有道精品课

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

技术干货｜7 个 React 性能提升技巧

拍乐云Pano5 月 11 日

React 是由 Facebook 团队主导开发的UI框架，作为当前三大前端框架(另外两个是 Angular、Vue )之一，提供了数据驱动的 UI 开发模式，以及组件化的开发方式，可以构建高性能的前端应用。

React

耗时 1 年的前端技术框架切换之旅

华为云开发者社区5 月 11 日

摘要：一个电话，我便开启了为期1年的前端技术框架切换之旅。

前端软件工程 React 框架 web前端

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

React Hook | 必学的 9 个钩子

HaiJun5 月 7 日

React Hook | 必学的 9 个钩子

最佳实践方法论前端 React

微前端中，为子应用配备开发环境临时导航菜单，提高开发效率

blueju5 月 7 日

微前端中，为子应用配备开发环境临时导航菜单，提高开发效率

JavaScript 前端 React 微前端 umi

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的比较、

Vue 低代码前端框架 React

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 工程用的顺

Vite 2 + React 实践

清秋4 月 5 日

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

less vite antd React 4月日更

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 切换路由后就会卸载组件

Vue 前端 React keepalive

React 中 useContext 和 useMemo 一般性使用

sadhu3 月 14 日

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

React useContext useMemo React Hooks

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

mock 请求分发

blueju3 月 6 日

mock 请求分发

JavaScript React Mock umi umijs

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

全栈潇晨3 月 4 日

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

源码分析 React React Hooks

创作场景

React

推荐作者

推荐标签