sfo

What is it?

A build process in a command. Just run npx sfo <your entry file> and SFO takes care of spinning up a build process and dev server for you!

Use

In your entry file, just export a default function that accepts a DOM node. It's then up to you to render whatever you want to the DOM!

Is this tied to React/Angular/D3/Ember/etc.

Nope! It works without whatever you want!

Example

import React from 'react';
import { render } from 'react-dom';
import './my-styles.css';

const App = () => <h1>Hello World!</h1>;

export default function (node) {
  render(<App />, node);
}

What am I getting?

Webpack
Babel
- preset-env
- Flow annotation removal
- JSX
Importable CSS which is run through PostCSS
- cssnano
- postcss-import
- cssnext
Flow
ESLint with rules for Flow, Airbnb, and Prettier

This isn't very configurable.

Feature-not-a-bug.

Future

Lots to do here. This is just the start.

peterpme/sfo