The rankings are strictly based on personal preference šŸ¤– and will be updated at šŸ˜ˆ

Other recommendations can be found in the comments section at šŸ‘¾

Portal šŸ¤–

  • React Brochure – Get Started JSX āœ… āœ…

  • React Brochure – Set sail āœ… āœ…

  • React Small volume – Hooks āœ… āœ…

  • React Brochure – CSS solution

  • React Brochure – Life Cycle āœ… āœ…

  • React Brochure – State Management Redux āœ… āœ…

  • React Volume – State Management Redux middleware

  • React Volume – State Management Mobx

  • React brochure – Router

  • React Volume – Performance optimization

  • React Booklet – SSR

  • React Brochure – React Ecology āœ… āœ…

Hi~~~ About Me

React this is the last post on React’s self-study notes.

šŸ‘‹ Hi, I’m Nanshu @luckychou

šŸ‘€ Iā€™m interested in FE

šŸŒ± Iā€™m currently learning Typescript && React && Node

Before choosing to systematically learn a new framework/library, there are at least two things to think about:

ā€¢ What is it?

ā€¢ What problem does it solve?

The React of scaffolding

Vite

vitejs.dev/

All right, I’ll show you what I like about Vite: āš”ļø

CRA

create-react-app.dev/

You may also need to configure Webpack if you need to

customize-cra

Github.com/arackaf/cus…

react-app-rewired

Github.com/timarney/re…

React Status Management

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-saga

redux-saga.js.org/

rematch

It’s kind of like Vuex

Github.com/rematch/rem…

mobx

github.com/mobxjs/mobx

react-mobx

It has been filed with emmmmmm šŸ˜

Github.com/mobxjs/mobx…

The React routing

react-router

Github.com/remix-run/r…

React UI

Antd

ant.design/index-cn

TailwindUI (fee)

Very modern very nice but charge šŸ„²

tailwindui.com/

React CSS

Sass

My favorite is CSS Modules

sass-lang.com/

Tailwind

Github.com/tailwindlab…

Less

lesscss.org/

styled-components

Github.com/styled-comp…

React page Meta tag

react-helmet

Github.com/nfl/react-h…

React Icon

iconfont

www.iconfont.cn/

react-fontawesome

Github.com/FortAwesome…

The React visualization

Nivo

nivo.rocks/

BizCharts

bizcharts.net/

React JSON

react-json-view

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

React to pick the color

react-color

Casesandberg. Making. IO/react – color…

React Network Request

Axios

axios-http.com/

React Tools

Lodash

lodash.com/

The React animation library

Framer

www.framer.com/

react-spring

Aleclarson. Making. IO/react – sprin…

react-motion

Emmmmm can’t find decent documentation and the last maintenance was 19 years ago šŸ˜³

Github.com/chenglou/re…

The React drag

react-beautiful-dnd

Github.com/atlassian/r…

dnd-kit

Github.com/clauderic/d…

Internationalization of the React

react-i18next

Github.com/i18next/rea…

React text editor

braft-editor

The only alternative is šŸ‘¾

Github.com/margox/braf…

Draft

draftjs.org/

Slate

Github.com/ianstormtay…

react-quill

Github.com/zenoamaro/r…

The React MD rendering

react-markdown

Github.com/remarkjs/re…

React Emoji

Emoji – mart šŸ¤©

Github.com/missive/emo…

React Time Management

Moment

momentjs.com/

React Code Style

TypeScript

www.typescriptlang.org/

Prettier

prettier.io/

EsLint

eslint.org/

React Video Player

Plyr

plyr.io/

The best open source video player so far

Griffith

Github.com/zhihu/griff…

React File Upload

FilePond

pqina.nl/filepond/

The best looking file upload library ever

The React test

Jest

Github.com/facebook/je…

A small program that the React

Taro

docs.taro.zone/docs/README

Jingdong open source has nothing to say about the production environment of choice

Remax

Github.com/remaxjs/rem…

GitHub has not updated for a long time and the supporting UI is not perfect šŸ˜“

React Server render

Next

Github.com/vercel/next…

Ending

Through the clear past as the water of the juvenile

Come on ~ ~ ~