Create React apps with a file server

Build more, bundle less.

Bundless resolves nested imports in the browser. Your React app can keep components in separate files, and those components can import more components, with no local bundler.

Use it on shared hosting, GitHub Pages, a simple PHP site, or a sandbox or student account that includes static file serving. Some developers start with Preact to avoid React build setup. As an app grows, React and Preact differences can matter. Bundless lets you use React from the start while you still serve plain files.

Bundless.js: 36Kb Acorn runtime for JSX. Need TypeScript or TSX? Use Sucrase: 52Kb.

Get started Usage Docs

<script
  src="./App.jsx"
  type="text/jsx"
></script>
<script
  src="/dist/bundless.acorn.min.js"
  type="module"
></script>

Nested imports

Put App.jsx, Header.jsx, and Button.jsx in separate files. Bundless follows each local import.

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.

INLINE WORKS TOO

Keep a tiny demo tiny.

The import map, runtime choices, and runnable examples live in the Usage Docs.

<script type="text/jsx">
  ReactDOM.render(
    <App />,
    document.getElementById("root")
  );
</script>

Memes

Meme about the power of skipping unnecessary build setup

Meme about choosing both simple development and useful tooling

Meme about leaving build configuration behind to write code

Run the first page See load-time benchmarks Move to Webpack Fix a page that will not run