React-Study
React 学习资料
React 生态系统
- 2023 React生态系统
- 2022 React生态系统
- 2021 React生态系统
- 2020 React生态系统
- 2019 React生态系统
- 2018 React生态系统
- 2017 React生态系统
- 2016 React生态系统
React 资料(2023)
Main APIs(主要API)
Hooks:(React 内置的 hooks)
- useCallback
- useContext
- useDeferredValue
- useEffect
- useId
- useMemo
- useReducer
- useRef
- useState
- useSyncExternalStore
New APIs(新 APIs)
- React cache
- React Server Components
- Server Actions
- startTransition
<Suspense>
- Taint API
- use() Hook
- useFormState
- useFormStatus
- useTransition
Component Libraries(组件库)
-
Animation (动画库)
-
Data Visualization (数据可视化库)
-
Form Libraries
-
CSS 工具库
状态管理(用于管理应用程序状态的工具库)
数据加载(用于加载和管理数据的实用工具)
Meta-Frameworks Back-End & Infrastructure (元框架 后端和基础设施)
- Astro
- Create React App
- Gatsby
- Next.js
- Remix
- Redwood
- Build Tools(构建工具)
- 托管服务(用于托管 React 应用程序的服务)
- 其他服务(在 React 应用中使用的其他服务)
其他工具(其他 React 实用工具和库)
- Testing Libraries()
- React 渲染器
- 模式和验证库
- 身份验证
- Mobile Development
- 前端框架
架构和渲染模式
- 边缘渲染
- (在发送给客户端之前在边缘服务器 (Edge) 修改渲染的 HTML))
- 增量静态生成
- 即使在初始构建之后,也能动态增强或修改静态网站 (Next.js ISR, Gatsby DSG)
- 岛屿架构
- 在一个静态网站中,通过多个入口点实现动态行为的孤岛 (Astro, Eleventy)
- 多页面应用 (MPA)
- 完全在服务器上运行的应用程序,客户端动态行为极少
- 局部注水
- 只在客户端上对某些组件进行注水 (比如 React Server Components)
- Progressive Enhancement
- 确保应用程序在没有 JavaScript 的情况下也能正常运行
- 渐进式注水
- 控制在客户端上的对组件注水的顺序
- Resumability
- 在服务器上序列化框架状态,使客户端能够在没有重复代码执行的情况下恢复执行
- 服务端渲染 (SSR)
- 在服务器上动态渲染 HTML 内容,然后再在客户端上重新“注水”
- 单页面应用 (SPA)
- 完全在浏览器中运行的应用
- 静态站点生成 (SSG)
- 预渲染静态内容,可能会携带客户端动态元素
- 流式服务端渲染
- 将服务器渲染的内容分解为较小的流式块
即将推出的新功能
- Asset Loading
- 将 Suspense 与样式表、字体和图像的加载生命周期完全整合在一起
- React cache
- 协助缓存数据的 API
- React Forget
- Offscreen Rendering
- 过渡追踪
- 检测 React 过渡何时变慢,并调查变慢的原因
- use() Hook
- use 可以解除对 Promise 的封装,但也可以在普通组件和 Hooks(包括客户端)中使用
资料(学习 React 时使用了哪些资源)
- Blogs、Magazines、Newsletters(博客、杂志、 新闻)
- Site、Courses(网站、课程)
- Podcasts (播客)
参考链接:
关于仓库
这个仓库是笔者用来记录自己学习React知识,自己整理的一些的学习资料。
欢迎提交对本仓库的改进建议~