React 小册 ｜ 周边推荐（个人导向篇）

ps 本文涉及的排名按作者喜好先后哦 🐶

时光机 👾

• React 小册 ｜ 起底 JSX ✅ ✅

• React 小册 ｜ 扬帆起航 基础语法 ✅ ✅

• React 小册 ｜ 轻巧快艇 Hooks ✅ ✅

• React 小册 ｜ CSS 解决方案 ✅ ✅

• React 小册 ｜ 废旧立新 新老生命周期 ✅ ✅

• React 小册 ｜ 状态管理 Redux ✅ ✅

• React 小册 ｜ 状态管理 Redux 中间件 ✅ ✅

• React 小册 ｜ 状态管理 Mobx

• React 小册 ｜ 路由管理 ✅ ✅

• React 小册 ｜ Webpack ｜ Vite ｜ Snowpack ✅ ✅

• React 小册 ｜ SSR

• React 小册 ｜ React 周边推荐 ✅ ✅

Hi~~~ About Me

本文是 React 小白自学笔记的最后一篇啦～～～ （还有一些坑会尽快补上的）

👋 Hi, I’m @RickZhou

👀 I’m interested in FE

🌱 I’m currently learning React / Node / Java

在选择要系统地学习一个新的 框架/库 之前，首先至少得学会先去思考以下两点：

• 它是什么？

• 它解决了什么问题？

React 脚手架

Vite

vitejs.dev/

喜欢 Vite 那种 ⚡️ 的感觉

Webpack && CRA

create-react-app.dev/

如果你需要配置 webpack 你可能还需要

customize-cra

github.com/arackaf/cus…

react-app-rewired

github.com/timarney/re…

Snowpack

www.snowpack.dev/

React 状态管理

redux

redux.js.org/

react-redux

github.com/reduxjs/rea…

redux-toolkit

redux-toolkit.js.org/

redux-thunk

github.com/reduxjs/red…

redux-actions

redux-actions.js.org/

redux-logger

github.com/LogRocket/r…

可以在控制台看到 redux 日志

redux-saga

redux-saga.js.org/

rematch

有点类似 Vuex

github.com/rematch/rem…

mobx

github.com/mobxjs/mobx

react-mobx

github.com/mobxjs/mobx…

React 路由

react-router

github.com/remix-run/r…

React UI

Antd

ant.design/index-cn

TailwindUI (收费)

很具现代风 很 nice 但是收费 🥲

tailwindui.com/

React CSS

Tailwind

github.com/tailwindlab…

Css in Js

emotion.sh/docs/@emoti…

Sass

sass-lang.com/

Less

lesscss.org/

语法和 scss 基本一样

可以像使用组件一样 使用 css 样式

React 页面 meta 标签

react-helmet

github.com/nfl/react-h…

React Icon

react-icons

react-icons.github.io/react-icons…

iconfont

www.iconfont.cn/

react-fontawesome

github.com/FortAwesome…

React 可视化

Echarts

echarts.apache.org/handbook/en…

Nivo

nivo.rocks/

BizCharts

bizcharts.net/

React JSON

react-json-view

github.com/mac-s-g/rea…

React 拾色器

react-color

casesandberg.github.io/react-color…

React 网络请求

Axios

axios-http.com/

Fetch API

developer.mozilla.org/zh-CN/docs/…

React Tools

Lodash

封装了很多好用的工具函数

lodash.com/

Rxjs

rxjs.dev/

处理异步事件的库

React 动画库

gsap

greensock.com/gsap/

gsap.framer.wiki/stated

react-spring

aleclarson.github.io/react-sprin…

framer-motion

www.framer.com/motion/intr…

React 拖拽

react-beautiful-dnd

github.com/atlassian/r…

dnd-kit

github.com/clauderic/d…

React 国际化

react-i18next

github.com/i18next/rea…

React 文本编辑器

braft-editor

不二之选 👾

github.com/margox/braf…

Draft

draftjs.org/

Slate

github.com/ianstormtay…

react-quill

github.com/zenoamaro/r…

React MD 渲染

mdx

mdxjs.com/docs/

react-markdown

github.com/remarkjs/re…

React Emoji

emoji-mart 🤩

github.com/missive/emo…

React 时间管理

Dayjs

day.js.org/

Moment

momentjs.com/

React 代码风格

TypeScript

www.typescriptlang.org/

Prettier

prettier.io/

EsLint

eslint.org/

React 视频播放器

Plyr

plyr.io/

个人觉得 最好看的开源视频播放器了

Griffith

github.com/zhihu/griff…

React 文件上传

FilePond

pqina.nl/filepond/

用过的最好看的文件上传库了

React 测试

Jest

github.com/facebook/je…

React 小程序

Taro

docs.taro.zone/docs/README

京东开源 没啥好说的 生产环境不二之选

React 服务端渲染

Next

github.com/vercel/next…

React 跨端开发

react-native

reactnative.cn/

Ending

走过清澈的往日 一如扑水的少年

加油 ～～～