Nested imports
Put App.jsx, Header.jsx, and Button.jsx in separate files. Bundless follows each local import.
React + JSX from static files
Build more, bundle less.
Serve App.jsx, Header.jsx, and Button.jsx as
separate files. Bundless compiles the JSX in the browser and follows every local
import—no bundler required.
Start with any static file server. Keep real React and a multi-file app today; add a production build when the project needs one.
The local, unreleased default Acorn runtime is about 35.1 kB with Brotli; Sucrase is about 56.4 kB (decimal kB = 1,000 bytes). These are runtime downloads only when the server serves Brotli; React and app code are additional. Runtime sizes and scope.
Real React
Use React from an import map. Keep the React APIs you know while you avoid local build setup.
Static hosts
Use shared hosting, GitHub Pages, simple PHP sites, or sandbox and student accounts with static file serving.
Start plain. Grow normally.
A real component tree, served as-is.
The starter includes runtime setup, nested imports, and paths that also work below a hosted subdirectory.
import Header from "./components/Header.jsx";
function App() {
return <Header />;
}Built in the browser
Community examples
Small, useful apps that keep source files editable and skip the local bundle.
Memes
