React 全家桶
pnpm update react react-dom
// Before
import { render } from 'react-dom';
const container = document.getElementById('app');
render(<App tab="home" />, container);
// After
import { createRoot } from 'react-dom/client';
const container = document.getElementById('app');
const root = createRoot(container); // createRoot(container!) if you use TypeScript
root.render(<App tab="home" />);
数据流
https://npmtrends.com/mobx-vs-recoil-vs-redux-vs-zustand
- redux + redux-kit
- mobx
- redoil
- zustand
路由
react-router-dom