Examples and Seeds

Here is a complete list of official seeds and examples

Examples

A collection of examples that are spread out in the current documentation

https://github.com/fuse-box/fuse-box-examples

Register Package

How to register an external package

git clone https://github.com/fuse-box/fuse-box-examples
cd examples/register-package
node fuse

Warning

Requires documentation

Server + Client

How to bundle server and client in one producer

git clone https://github.com/fuse-box/fuse-box-examples
cd examples/server-client
node fuse

Testing

How to use the test runner

git clone https://github.com/fuse-box/fuse-box-examples
cd examples/testing
node fuse

Vendor Splitting

How to properly split bundles

git clone https://github.com/fuse-box/fuse-box-examples
cd examples/vendor-splitting
node fuse

FuseBox + Rollup

How to use rollup with FuseBox

git clone https://github.com/fuse-box/fuse-box-rollup-example.git
npm install
node fuse

Shimming Example

An example how to shim jquery and "fix" a required css from npm

git clone https://github.com/fuse-box/shimming-and-css-example
npm install
node fuse

FuseBox Debug

https://github.com/andrew-w-ross/fuse-debug A demo on how to debug a fuse-box project in vscode

StoryBook on Steroids

https://github.com/tomitrescak/luis LUIS: Fast and agile React component catalogue, test runner and snaphost manager that is in love with Typescript.

StoryBook — Start 36 seconds, Hot Module Reload with sourcemaps 9 seconds.

LUIS — Start 400 ms, Hot Module Reload with sourcemaps 750 ms. Now that's what I call a significant difference.

Seeds

Vue.js Seed

Vue.js Seed

git clone https://github.com/fuse-box/fuse-box-vue-seed.git
npm install
node fuse

React Seed

React Seed

git clone https://github.com/fuse-box/react-example.git
npm install
node fuse

React Code Splitting Seed

A fully functioning react application meets fusebox code splitting

git clone https://github.com/fuse-box/fuse-box-examples
cd examples/react-code-splitting
node fuse

Angular Seed

Angular Seed

git clone https://github.com/fuse-box/angular2-example.git
npm install
node fuse

Angular Universal Seed

Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), FuseBox, dev/prod builds, Brotli/Gzip compression, SCSS, favicon generation, @types, unit testing w/ Jest, SEO and OG meta social sharing tags, automatic sitemap generator, ad-block detection service, CDN origin injection, and more!

https://github.com/patrickmichalina/fusebox-angular-universal-starter

FuseMob SSR Seed

Full stack Typescript native web apps

Utilizing the blazing bundling speed of FuseBox, this starter kit will have you off the ground in no time building modern web apps with libraries that work seamlessly with Typescript.

git clone https://github.com/mattoni/fusemob-ssr
yarn start # starts the app in development mode

Express Seed

This project is to get you started using FuseBox as module loader and bundler with Node and express.js using TypeScript

git clone https://github.com/fuse-box/fuse-box-express-seed
npm install
npm start

NPM Package Seed

Create and publish your npm packages with FuseBox

git clone https://github.com/fuse-box/fuse-box-npm-package-seed.git
npm install
node fuse

Electron Seed

A blazing fast fully fledged Electron application

git clone https://github.com/fuse-box/fuse-box-electron-seed.git
npm install
node fuse

Typescript With Electron React-kit Seed

https://github.com/skellock/typescript-with-electron-react-kit

Aurelia Seed

A skeleton for Aurelia using FuseBox.

https://github.com/fuse-box/fuse-box-aurelia-seed

Web Application Seed (express+js-data+vue)

A complete minimal web application, managing from the browser to the database, fused with express, js-data and vue.

https://github.com/eddow/otheca