React 小册｜周边推荐（个人导向篇）React 周边生态大杂烩 🎉 🎉 🎉 🎉 🎉 🎉 🎉 🎉

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

时光机 👾

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 日志

截屏2021-09-18 下午2.52.34.png

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

截屏2021-09-18 下午2.52.34.png

TailwindUI (收费)

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

tailwindui.com/

截屏2021-09-18 下午2.53.20.png

React CSS

Tailwind

github.com/tailwindlab…

Screen Shot 2021-09-23 at 12.35.14 AM.png

Css in Js

emotion.sh/docs/@emoti…

Sass

sass-lang.com/

Screen Shot 2021-09-23 at 12.41.57 AM.png

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/

截屏2021-09-18 下午2.55.24.png

react-fontawesome

github.com/FortAwesome…

截屏2021-09-18 下午2.54.56.png

React 可视化

Echarts

echarts.apache.org/handbook/en…

Nivo

nivo.rocks/

截屏2021-09-18 下午2.55.49.png

BizCharts

bizcharts.net/

截屏2021-09-18 下午2.56.35.png

React JSON

react-json-view

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

截屏2021-09-18 下午2.57.23.png

React 拾色器

react-color

casesandberg.github.io/react-color…

截屏2021-09-18 下午2.57.45.png

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…

截屏2021-09-19 下午7.13.33.png

framer-motion

www.framer.com/motion/intr…

React 拖拽

react-beautiful-dnd

github.com/atlassian/r…

截屏2021-09-18 下午2.57.45.png

dnd-kit

github.com/clauderic/d…

截屏2021-09-18 下午4.32.02.png

React 国际化

react-i18next

github.com/i18next/rea…

React 文本编辑器

braft-editor

不二之选 👾

github.com/margox/braf…

截屏2021-09-18 下午4.33.05.png

Draft

draftjs.org/

截屏2021-09-18 下午4.35.31.png

Slate

github.com/ianstormtay…

截屏2021-09-18 下午4.37.22.png

react-quill

github.com/zenoamaro/r…

截屏2021-09-18 下午4.37.46.png

React MD 渲染

mdx

mdxjs.com/docs/

react-markdown

github.com/remarkjs/re…

截屏2021-09-18 下午4.34.14.png

React Emoji

emoji-mart 🤩

github.com/missive/emo…

截屏2021-09-18 下午4.34.58.png

React 时间管理

Dayjs

day.js.org/

Moment

momentjs.com/

React 代码风格

TypeScript

www.typescriptlang.org/

Prettier

prettier.io/

EsLint

eslint.org/

React 视频播放器

Plyr

plyr.io/

截屏2021-09-18 下午4.38.20.png

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

Griffith

github.com/zhihu/griff…