React 前端导航
React 跨端开发框架
React 教程
React高级实战 打造大众点评 WebApp

链接:https://pan.baidu.com/s/12ExLxxOG5CH2aLm-xdoYyg 提取码:52gr

用 React.js+Egg.js 造轮子,全栈开发旅游电商应用

链接:https://pan.baidu.com/s/1KsXg_0TMGNQkO1S5YDO_aw 提取码:ude5

React源码深度解析 高级前端工程师必备技能

链接:https://pan.baidu.com/s/1Oorq3EexMaw9zL7FHcMuyA 提取码:rk4c

React17+React Hook+TS4 最佳实践,仿Jira企业级项目

链接:https://pan.baidu.com/s/1HwBl63CqiP15lwIG4OaCzQ 提取码:p8j8

React 开源项目
concent

内置依赖收集,可预测、零入侵、渐进式、高性能的react开发框架。concent是一个专为react提供状态管理服务的框架,提炼现有各大框架的精华,以及社区公认的最佳实践,通过良好的模块设计,既保证react的最佳性能又允许用户非常灵活的解耦UI逻辑与业务逻辑的关系,从整体上提高代码的可读性、可维护性和可扩展性。

slate

用于构建富文本编辑器的完全可定制的框架。

react-query

在 React 中获取、缓存和更新异步数据的钩子。

react-hook-form

用于表单状态管理和验证的 React Hooks (Web + React Native)。

awesome-react-components

React 组件和库的精选列表。

docusaurus

快速构建以内容为核心的最佳网站。Markdown 驱动、使用 React 构建、翻译就绪。

formik

Formik 是世界上最流行的 React 和 React Native 开源表单库。

preact

具有相同现代 API 的快速 3kB React 替代方案。组件和虚拟 DOM。

gatsby

Gatsby是一个基于反应的自由和开源框架,帮助开发人员构建炽热的快速网站和应用程序。它将动态呈现的网站的控制和可扩展性与静态站点生成的速度结合起来,创建了一个全新的可能性网络。

react-use

必不可少的 React Hooks 集合. 移植 libreact。

React Location

基于 React 的框架,用于构建由 Shopify 驱动的动态自定义店面。

react-beautiful-dnd

漂亮易用的 React 列表拖拽库。

Didact

教你从零写一个 React 框架。通过一系列的文章和代码,教授如何实现 React 框架,从而能够更好的理解 React。

木及简历(React)

一款用 `Markdown`就能写出好看简历(resume)的在线工具。

后台数据管理系统

react+redux+express+MongoDB,又一套 CRUD(增删改查)后台数据管理系统,只不过用到的技术栈比较新(目前我所理解的最佳实践),具有一定的参考意义。

纯浏览器图片压缩工具

react实现的浏览器端图片压缩工具

React弹幕

基于 CSS3 Animation,使用 React 构建,可扩展,高性能。

成都房协网数据分析

前端React+后端Koa实现的成都房协网数据分析网站。

铜钟聚合音乐

一个网站,三家平台的音乐

React 文章

React Router V6 如何使用,与V5的区别

阅读本文后,你将快速掌握 react router v6 的基本使用并简单对比了与 React Route V5 版本的区别。

React Router V5 如何使用

忆往昔,上次使用 React Router 还是v5版本,最近抽工作中的空闲时间,复习了v5版本,将笔记分享于此。

React-Router 路由守卫 路由鉴权

介绍路由守卫、路由鉴权以及简单实现

React.Children 的用法及使用场景

本文主要介绍 React.Children 用法及使用场景,只因为偶然间看到了React.Children.only的使用,但不知道他是干啥的,仅此记录一下。

常见的 React hooks 闭包陷阱,如何避免?

如何解决 React hooks 的闭包陷阱以及避开闭包陷阱做优化

React架构浅析-V16以上版本

本文参考《React技术揭秘》,记录学习 React架构的过程~

React 实现埋点的 hooks,自动上报 pv 和 click 事件

本文将围绕 React 中的自定义 hooks 来介绍 hooks 的基本概念以及如何来设计、编写我们自己的 hooks 。

React 老项目实现 antd3 与 antd4 共存

有一个应用比较古老,用的是antd3,最近一个需求中会用到一个组件TimeRangePicker,但是该组件存在于antd4中,在不升级的情况下无法使用,升级又会导致更多问题,需求的TimeRangePicker自己又不想重新开发,于是想着让antd3与antd4共存于项目中,今后的迭代也逐步替换成antd4。

React 生成分享海报,html2canvas的使用

使用html2canvas生成页面或指定dom节点的截图,并下载到本地。

Preview.js ,React 组件实时预览的 vscode 插件

Preview.js ,一个用于项目中组件实时预览的插件,提升研发效率必备工具,强烈推荐!!!

React 实现 H5 签名签字(signature)

签字,切换颜色 ,可清空,可提交图片。

React 常见面试问题附答案,持续更新中

本文主要记录日常面试中遇到的问题及其参考答案,如有表述有误的地方欢迎大家指出,共同进步!

rax 框架开发钉钉小程序实践问题

记录使用 rax 开发钉钉小程序遇到的问题及解决方案

React 前端代码规范,前端规约指引,分为【强制】、【推荐】、【参考】三个等级

React 代码规范总结,助力开发提效,提升团队开发效率。

在浏览器及 Rax 中实现吸顶效果,position sticky 属性的应用及监听页面滚动(React)实现吸顶效果

最近遇到了移动端小程序需要实现吸顶效果的需求,就是 tab 页抬头滑动到页面顶部时需要固定到页面的顶部不再滚动。这里介绍两种实现方式,当然这两种方式在浏览器同样适用,以下思路仅供参考,实际效果以实际操作为准

React 18 已发布,新特性一览

2022-3-29,React 18发布,带来一些行的 API 特性,本文带你一览新特性

React Hooks 中 useMemo 与 useCallback 的作用、区别以及应用场景

简单介绍了 useMemo 和 useCallback 的使用,主要应用场景。

antd Modal.configm 中使用 FormattedMessage 报错:Uncaught Error: [React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.

antd 国际化实践,Modal.configm 中使用 FormattedMessage 报错:Uncaught Error: [React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.

React 中 useEffect 和 useLayoutEffect 作用和区别

日常开发中的大部分情况下,使用 useEffect 就可以帮我们处理组件的副作用,但是如果想要同步调用一些副作用,比如对 DOM 的操作,就需要使用 useLayoutEffect,useLayoutEffect 中的副作用会在 DOM 更新之后同步执行,useLayoutEffect 与原来 class 组件原来的 componentDidMount & componentDidUpdate 一样,会在 react 完成 DOM 更新后马上同步调用的代码,会阻塞页面渲染。

React 父组件如何调用子组件方法

介绍父组件通过 Refs 引用子组件,在不同情况下的用法。

umi antd中报错 load component failed Error: Module "./antd/es/drawer/style" does not exist in container

第一次引入antd Drawer组件出错,提示 load component failed Error: Module "./antd/es/drawer/style" does not exist in container

使用MDX在md文件中解析React组件

使用 MDX 实现 md 与 React JSX结合来丰富我们的展现形式

react cron表达式生成组件qnn-react-cron

介绍react实现的cron表达式生成组件qnn-react-cron以及其前身组件react-cron-antd

antd的carousel走马灯组件在flex布局下会出现无限宽度的BUG,显示异常

记录antd的carousel走马灯组件在flex布局下会出现无限宽度的BUG及其解决办法

React 团队开源新的性能分析工具 - Scheduling Profiler !

最近,React 团队开源了一款新的性能分析工具 —— Scheduling Profiler

umi实践问题汇总--持续更新

在使用umi的过程中所遇到问题的记录汇总

react中实现markdown文件读取展示

react中实现markdown文件读取展示

React 并发功能体验-前端的并发模式已经到来

简要说明, Concurrent Mode 和Suspense 可以使用户无缝处理数据加载,加载状态,用户界面操作更加平滑和无缝切换。 在Concurrent Mode 下,React可以暂停高消耗的,非紧急的组件的渲染,并聚焦在更加紧迫的任务处理,如UI 渲染,始终保持应用为可响应式,避免白屏,卡顿等现象。

深入setState机制

详细分析setState更新机制

Vuex、Flux、Redux、Redux-saga、Dva、MobX

详解常见状态管理设计模式

REACT合成事件

由浅到深的React合成事件

谈谈React Fiber与分片

谈谈React Fiber与分片

React PDF
制作中,敬请期待。。。

在线工具

JSON格式化MD5时间戳转换typescript 在线运行