Fusion.js
Modern framework for fast, powerful React apps
Fusion.js gives you the developer experience you expect from a React setup and provides tools to take project quality to the next level.
$ yarn create fusion-app my-fusion-app
$ cd my-fusion-app
$ yarn dev
Plugin architecture
Encapsulate complex logic into a single plugin and register it in one line.
import App from 'fusion-react'; import Router from 'fusion-plugin-react-router'; export default () => { const app = new App(<div>...</div>); /* One line of code sets up everything you need for routing: - Server rendering - React Providers on both server and browser - Bundle splitting integration - Hot module reloading support */ app.register(Router); return app; }
Universal code
Write your server and client code together and Fusion will take care of the rest.
import App from 'fusion-react'; import SecureHeadersPlugin from './plugins/secure-headers-plugin'; export default () => { const app = new App(<div>...</div>); // Register this plugin only on the server if (__NODE__) { app.register(SecureHeadersPlugin); } return app; }
Core features
- Ready-to-use testing environment with Jest, Enzyme, Puppeteer and integration test utilities
- Out-of-the-box support for server-rendering of React components, bundle splitting and hot module reloading
- Automatic tree-shaking support on universal code to remove unused lines
Plugin integrations
- Redux: automatically set up Redux for server-side rendering and client-side store hydration
- Data fetching: supports RPC-driven data fetching and GraphQL/Apollo
- Performance: easily opt into performance-oriented paradigms such as atomic CSS (via Styletron), and font lazy-loading strategies
- And more!
Fusion.js Core Team
Meet the Fusion.js core team. They work on the Fusion.js core and default plugins. Start contributing and join us today!
