fuse-box/docs/examples-seeds.md

Fuse-Box a bundler that does it right

# 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
```bash
https://github.com/fuse-box/fuse-box-examples
```

### React code splitting

A fully functioning react application meets fusebox code splitting

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

### Register package

How to register an external package

```bash
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


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

### Testing

How to use the test runner
```bash
git clone https://github.com/fuse-box/fuse-box-examples
cd examples/testing
node fuse
```


### Vendor splitting

How to properly split bundles

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

### Angular 2 example

Angular 2 example

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

### Angular Universal
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

### FuseBox + rollup

How to use rollup with FuseBox
```bash
git clone https://github.com/fuse-box/fuse-box-rollup-example.git
npm install
node fuse
```

### React

How to use react and babel + fusebox

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

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

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

## Seeds

### FuseMob SSR

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.

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


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

```bash
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

```bash
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

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

### Aurelia seed
A skeleton for Aurelia using FuseBox.

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