MyReact -- a React like framework

Examples

Online Next.js example https://mrwangjusttodo.github.io/MrWangJustToDo.io/

Install

# install
pnpm add @my-react/react @my-react/react-dom

start in Next.js

# 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);

start in Vite

# 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({
    # remix: true;  support remix framework
    # router: true;  support react-router >= v7
  })],
});

start in rspack

# quick start in rspack
pnpm add -D @my-react/react-refresh @my-react/react-rspack

# rspack.config.ts
import { rspack } from "@rspack/core";
import RspackPlugin from "@my-react/react-rspack";
const config = {
  ...config,
  plugins: [
    ...config.plugins,
    new RspackPlugin(),
  ],
}

---

Packages

Package	Version
@my-react/react
@my-react/react-dom
@my-react/react-terminal
@my-react/react-three-fiber
refresh
@my-react/react-refresh
@my-react/react-refresh-tools
@my-react/react-vite
@my-react/react-rspack
internal
@my-react/react-jsx
@my-react/react-shared
@my-react/react-reconciler
@my-react/react-reconciler-compact
experimental
@my-react/react-reactive

Development

• [email protected]
• [email protected]

clone this project

pnpm install

pnpm gen:gql

pnpm build

pnpm dev:ssr / dev:csr / dev:next / dev:vite / dev:remix / dev:rspack

---

Api

@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	@my-react/react-rspack
createELement	render	createReactive	useState	babel plugin	webpack plugin	vite plugin	rspack 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)

DevTool

• MyReact DevTool (beta)

License

MIT