Online Next.js example https://mrwangjusttodo.github.io/MrWangJustToDo.io/
# install
pnpm add @my-react/react @my-react/react-dom# quick start in next.js
pnpm add -D @my-react/react-refresh @my-react/react-refresh-tools
# next.config.js
const withNext = require("@my-react/react-refresh-tools/withNext");
modules.export = withNext(nextConfig);# quick start in vite
pnpm add -D @my-react/react-refresh @my-react/react-vite
# vite.config.ts
import react from "@my-react/react-vite";
export default defineConfig({
plugins: [react()],
});| Package | Version |
|---|---|
@my-react/react |
 |
@my-react/react-dom |
 |
| refresh | |
@my-react/react-refresh |
 |
@my-react/react-refresh-tools |
 |
@my-react/react-vite |
 |
| internal | |
@my-react/react-jsx |
 |
@my-react/react-shared |
 |
@my-react/react-reconciler |
 |
| experimental | |
@my-react/react-reactive |
 |
clone this project
pnpm install
pnpm gen:gql
pnpm build
pnpm dev:ssr / dev:csr / dev:next / dev:vite| @my-react/react | @my-react/react-dom | @my-react/react-reactive | @my-react/react (hook) | @my-react/react-refresh | @my-react/react-refresh-tools | @my-react/react-vite |
|---|---|---|---|---|---|---|
| createELement | render | createReactive | useState | babel plugin | webpack plugin | vite plugin |
| cloneElement | renderToString | reactive | useEffect | refresh runtime | next.js plugin | |
| isValidElement | findDOMNode | ref | useLayoutEffect | webpack loader | ||
| Children | hydrate | computed | useRef | |||
| lazy | createPortal | watch | useMemo | |||
| forwardRef | unmountComponentAtNode | onBeforeMount | useReducer | |||
| createContext | createRoot (new) | onBeforeUnmount | useCallback | |||
| createRef | hydrateRoot (new) | onBeforeUpdate | useContext | |||
| memo | renderToNodeStream | onMounted | useImperativeHandle | |||
| Component | renderToStaticMarkup | onUnmounted | useDebugValue | |||
| PureComponent | renderToStaticNodeStream | onUpdated | useSignal | |||
| StrictMode | renderToPipeableStream (new) | useDeferredValue (new) | ||||
| Fragment | renderToReadableStream (new) | useId (new) | ||||
| Suspense | useInsertionEffect (new) | |||||
| startTransition | useSyncExternalStore (new) | |||||
| useTransition (new) |
MIT