3 天前 / 前哨君
首发于开源前哨写文章程序员大神用 React “复刻”实现了一个 Windows 11 开源前哨推荐有趣和热门的开源项目。有一个同名公众号：开源前哨【导语】：使用 React 实现的网页版 Windows 11，不用更换系统也能提前体验。 简介 Windows 11 in React 是使用纯前端技术实现的在线 Windows 11 体验版，如 React、CSS（SCSS）、JS，这不是一个完整的操作系统，但是 UI 界面跟 Win 11 是一致的，还可以体验 Edge 浏览器、应用商店等功能。
14 天前 / Teobler
React 17 那篇没有任何新特性的博客还历历在目，半年多后，终于等来了 17 铺路许久的 18 发布计划，本来想赶紧看看都有些啥，无奈事情略多，一直拖到现在，最近有点点时间，看看 18 给我们带来了什么。 17 发布消息出来的那会我一直好奇这个没有新特性的发布目的是啥，一通搜索之后得到了一些答案：17 在给未来的 Concurrent Mode 铺路，为大家做好未来渐进式升级的准备。 React 的 Concurrent Mode 在下一盘大棋，一盘包括了 RN / Web / SSR / Server Component 的大棋。
18 天前 / Ryan众乐
写文章 tiny-react 助你看懂 React 源码 jsdeferred43 人赞同了该文章 tiny-react 一个基于 React17 精简而来的仓库 tiny-react 是一个为了简化 react 源码学习的库，和 react17 的区别就是少了很多功能，只实现了核心的逻辑，和 preact 这种 react-like 库有着根本区别，preact 更像是一个和 react 有着相同的接口但是实现细节却不尽相同的 react,而 tiny-react 是从 react 官方仓库精简而来，它更像官方 react 的阉割版，所以每一行代码，每一个函数都能在 react 最新的官方仓库中找到出处，而且总共的代码只有 6 千多行...
38 天前 / kafeidou
去年发表的《一个好的组件应该是什么样的？》一文介绍了借助 TypeScript AST 语法树解析，对 React 组件 Props 类型定义及注释提取，自动生成组件对应 截图、用法、参数说明、README、Demo 等。在社区中取得了比较好的反响，同时应用在团队中也取得了较为不错的结果，现在内部组件系统中已经累计使用该方案沉淀 1000+ 的 React 组件。 之前我们是借助了 webpack + TypeScript 做了一套用于开发 React 组件的脚手架套件，当开发者要组件开发时，即可直接使用脚手架初始化对应项目结构进行开发。
39 天前 / pshu
译者注： 其实这篇文章并没有太多的干货，但是它提供了时间维度的视角让我们去观察状态管理是怎么发展；这段简短的历史可以作为我们选择状态管理的参考资料，也可以作为一个技术雷达帮我们发现一些技术广度上的盲点。 而我自知翻译仓促和语言能力匮乏，所以留下原文供大家参考；如果有更好的翻译建议和批评可以偷偷告诉我。 全文最有价值的部分可能就是未来部分“关于状态管理如何选择”的部分，不想看水文的可以直接划到最下面。 原文地址 https://leerob.io/blog/react-state-management ReactwasintroducedinMay2013.ItsparadigmshiftwasthatyourUIwasa...
44 天前 / 数栈DTinsightu580540
首发于数栈精品技术文章分享写文章数栈技术分享：利用 Atomic 构建 React 项目工作流，so easy!数栈 DTinsight已认证的官方帐号用过 React 的朋友都知道，React 项目文件夹的划分是有很多种的，在 React 官方关于文件结构这个部分给出了一些社区比较常见的构建方式的示例。例如有通过 features 或者 routes 进行分组的，也有通过模块类型（type) 划分的。在文档提到了一种针对 components 进行细化组织的方法 —— Atomic Design。如果还没了解过这个设计方法的朋友，不妨来看一看。
46 天前 / Ryan众乐
QC.L苏宁易购 前端开发工程师 32 人赞同了该文章原文：The Plan for React 18 - The Plan for React 18 – React Blog 译文：React 18 发布计划 - https://zh-hans.reactjs.org/blog/2021/06/08/the-plan-for-react-18.html 译者：QC-L 校对：@ 黄玄 @ 裕波 React 团队非常激动地与你分享一些最新的工作进展： 我们已经开始了 React 18 版本的发布工作，这将是我们的下一个主要版本。我们创建了工作组，为社区逐步采用 React 18 的新特性做准备。我们发布了 React 18 Alpha 版本，便于库作者尝试它并为我们提出相应反馈。
66 天前 / Ryan众乐
准备知识熟悉 React 熟悉 TypeScript ( 参考书籍：2ality's guide[1], 初学者建议阅读：chibicode's tutorial[2]） 熟读 React 官方文档 TS 部分 [3] 熟读 TypeScript playground React 部分 [4] 本文档参考 TypeScript 最新版本 如何引入 Reactimport*asReactfrom'react' import*asReactDOMfrom'react-dom' 这种引用方式被证明 [5]是最可靠的一种方式， 推荐使用。 而另外一种引用方式： importReactfrom'react' importReactDOMfrom'react-dom' 需要添加额外的配置："allowSyntheticDefaultImports": true 函数式组件的声明方式声明的几种方式 第一种：也...
71 天前 / 九彩拼盘
前言今天我们来一期不同寻常的 React 进阶文章，本文我们通过一些不同寻常的现象，以探案的流程分析原因，找到结果，从而认识 React，走进 React 的世界，揭开 React 的面纱，我深信，更深的理解，方可更好的使用。 我承认起这个名字可能有点标题党了，灵感来源于小时候央视有一个叫做《走进科学》的栏目，天天介绍各种超自然的灵异现象，搞的神乎其神，最后揭秘的时候原来是各种小儿科的问题，现在想想都觉得搞笑。但是我今天介绍的这些 React '灵异'现象本质可不是小儿科，每一个现象后都透露出 React 运行机制和设计原理。
77 天前 / 九彩拼盘
点击上方“魔术师卡颂”，选择“设为星标” 专注 React，学不会你打我！ 有人曾说：每过一年，前端的入行难度提升一倍。 难度提升很大程度源于前端技术飞快的更新导致新技术加速出现，老技术加速淘汰。 但是，这里有个奇葩：React。 作为前端领域最广为人知的技术之一，React2015 年被「Jordan Walke」创造出来。 发展到今天，6 年时间，不仅框架本身没有没落，框架所使用的 JSX 语法甚至已经成了前端领域事实上的通用 DSL。 在这激荡的 6 年中，虽然前端领域天翻地覆，但是 React 的主要 API 和方法改动却很少。
83 天前 / 西岭老湿
首发于西岭老湿写文章 React-Hooks 面试解答西岭老湿高级前端架构师，拉勾网前端技术专家，星海技术团创始人兼团长最近看到一个关于 React 的面试题，是京东技术三面的题目，感觉很有意思，一起来看看： React 加入 Hooks 的意义是什么？或者说一下为什么 React 要加入 Hooks 这一特性？最后举例说一下 Hooks 的基本实现原理； 首先，我们看一下典型的两个 Hooks 的基本使用，直接看代码，这里就不细说了； useState 基本使用： // 引入 useStateimport React, { useState } from 'react'function App() {// 使用 const [count, setCount] = useState(1);r...
103 天前 / 九彩拼盘
视频课程 (opens new window)Vue 技术揭秘 (opens new window)点亮不迷路 (opens new window)前言导学视频章节说明章节列表理念篇 架构篇 实现篇 本书的宗旨是打造一本严谨、易懂的 React 源码分析教程。 为了达到这个目标，在行文上，本书会遵循： 不预设观点 —— 所有观点来自 React 核心团队成员在公开场合的分享。 丰富的参考资料 —— 包括在线 Demo、文章、视频。 保持更新 —— 在 React 版本更新后会及时补充。当前版本 v17.0.0-alpha。
105 天前 / 九彩拼盘
点击上方“魔术师卡颂”，选择“设为星标” 专注 React，学不会你打我！ 这篇文章包括如下内容： 简要回顾下 React 从 16～21 年的迭代历程 React 为什么对新特性（Concurrent Mode）有这么大执念 为什么当前社区项目 / 库要升级到 Concurrent Mode 比较困难 迭代历程回顾 React Core Team 从 16 年开始改造 React 的核心模块 Reconciler（diff 算法会在该模块执行）。 经过一年多的改造，将其从流程不可中断的「递归实现」（被称为 Stack Reconciler）改为流程可中断的「遍历实现」（被称为 Fiber Reconciler）。
128 天前 / Dunizb
原文：https://blog.logrocket.com/dexie-js-indexeddb-react-apps-offline-data-storage/ 作者：Ebenezer Don 离线存储应用程序数据已成为现代 Web 开发中的必要条件。内置的浏览器 localStorage 可以用作简单轻量数据的数据存储，但是在结构化数据或存储大量数据方面却不足。 最重要的是，我们只能将字符串数据存储在受 XSS 攻击的 localStorage 中，并且它没有提供很多查询数据的功能。 这就是 IndexedDB 的亮点。使用 IndexedDB，我们可以在浏览器中创建结构化的数据库，将几乎所有内容存储在这些数据库中，并对数据执行各种类型的查询。
140 天前 / 太空编程
目录函数组件 (Function component)属性解构 (Destructuring props)JSX 中的属性展开 (JSX spread attributes)合并解构属性和其它值 (Merge destructured props with other values)条件渲染 (Conditional rendering)子元素类型 (Children types)数组做为子元素 (Array as children)函数做为子元素 (Function as children)渲染属性 (Render prop)子组件的传递 (Children pass-through)代理组件 (Proxy component)样式组件 (Style component)组织事件 (Event switch)布局组件 (Layout component)容器组件 (Container component)高阶组件 (Higher-order compo...