https://twitter.com/cuthanh15/status/1553420515884183552

It would be better if there was typescript support.

Good morning and thanks for this exciting project!

Like many developers who want to use the best possible practices and stack for new React SPA projects. For me, this means Vite and friends and very possibly million.

HOWEVER, it also seems natural that I would want to use Suspense in my routes. I could imagine that it could look something like this:

import { StrictMode, Suspense, lazy } from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import { ErrorBoundary, LazyLoadingFallbackUI } from './components';

const LandingPage = lazy(() => import('./pages/landingPage'));

ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
	<StrictMode>
		<ErrorBoundary>
			<BrowserRouter>
				<Suspense fallback={<LazyLoadingFallbackUI />}>
					<Routes>
						<Route path="/" element={<LandingPage />} />
					</Routes>
				</Suspense>
			</BrowserRouter>
		</ErrorBoundary>
	</StrictMode>
);

It would put me off, reasobably or otherwise, and would likely act as a blocker to adoption at companies, reasonably or otherwise.

Can I know more about your thoughts on this? What is the thinking behind this choice? Is it perhaps on some roadmap? It is undesirable or simply irrelevant in some way?

While I think it could be the case that I am labouring under misunderstandings about the scope or even the purpose/functionality of million, I suspect that I would not be alone in this and would love to better understand.

I noticed the limitations section and I'm mostly fine with it, but I want to make sure that catch boundaries are supported. In react those have to be class components which have limited support. Do you know whether catch boundaries will work with million?

Hey, saw your post on the orange website,

I've known about millionjs before but I've not used it.
What I have used is Preact which also has a compat layer.
You claim that

While alternative libraries like Preact reduce bundle sizes by efficient code design, Million takes it a step further by leveraging compilation to make a quantum leap in improving bundle size and render speed.

Think of it as if React's API and Svelte's compiler had a baby. A baby with super speed! 👶

But this cannot really be called a replacement for neither React nor Preact since it doesn't work with any library that uses the most basic APIs like Fragment, Children etc (which you have already noted as Limitations).

Do you plan to bring up Millionjs-react-compat to Preact level where I can drop in React based libraries and it will JustWork™ or it's just supposed to be a "React like" compat similar to InfernoJS?

React 18's support for streaming enables an incredible upcoming feature for Remix called "defer" which provides a fantastic UX and DX. Any plan to support streaming with suspense?

I have following code

import React from 'react';
import { block } from 'million/react';

const A : React.FC =()=>{
return <h1> HI</h1>;
};

export const ABlock = block(A);

I added _million.vite() in the plugins array too. But getting the following error. If I don't use block it's working fine.

[vite-plugin-pwa:build] [vite]: Rollup failed to resolve import "react-dom/client" from "../../../node_modules/.pnpm/[email protected]/node_modules/million/dist/react.mjs".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
error during build:
Error: [vite]: Rollup failed to resolve import "react-dom/client" from "../../../node_modules/.pnpm/[email protected]/node_modules/million/dist/react.mjs".
This is most likely unintended because it can break your application at runtime.
If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`
    at onRollupWarning (file:///Users/sravanth/Documents/mono/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vite/dist/node/chunks/dep-71eb12cb.js:43609:19)
    at onwarn (file:///Users/sravanth/Documents/mono/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/vite/dist/node/chunks/dep-71eb12cb.js:43399:13)
    at Object.onwarn (file:///Users/sravanth/Documents/mono/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/rollup.js:23263:13)
    at ModuleLoader.handleResolveId (file:///Users/sravanth/Documents/mono/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/rollup.js:22158:26)
    at file:///Users/sravanth/Documents/mono/node_modules/.pnpm/[email protected]/node_modules/rollup/dist/es/shared/rollup.js:22119:26

```
 ELIFECYCLE  Command failed with exit code 1.

I'v tried to use this const files = import.meta.glob('./posts/blog/*'); and got the error below.