@ftw/catalyst

    0.0.25 • Public • Published

    Catalyst · Build Status

    Catalyst is an opinionated tool for creating and maintaining React/Redux applications. It sets up Webpack, Flow, ESLint, React, Redux, Redux Saga, SASS, Autoprefixer, and more!

    Starting a New Project

    $ yarn global add @ftw/catalyst
    $ catalyst init
    

    Basic Project Structure

    ├─ bundles
    |  └─ application
    |     ├─ index.js
    |     ├─ reducer.js
    |     ├─ saga.js
    |     ├─ store-provider.js
    |     └─ styles.scss
    |
    ├─ components
    |  ├─ __tests__
    |  └─ component-name
    |     ├─ index.js
    |     ├─ styles.scss
    |     └─ sub-component-name
    |        ├─ index.js
    |        └─ styles.scss
    |
    ├─ modules
    |  └─ module-name
    |     ├─ __tests__
    |     ├─ index.js
    |     ├─ reducer.js
    |     ├─ action-creators.js
    |     ├─ saga.js
    |     ├─ requests.js
    |     └─ getters.js
    |
    ├─ utils
    |  └─ request.js
    |
    ├─ config
    |  └─ webpack.js
    |
    └─ styles
       └─ index.scss
    

    Starting the Development Server

    You can start the Webpack server with:

    $ yarn start
    

    By default, the server will be accessible at http://localhost:8080. You can override this by setting DEV_SERVER_HOST and/or DEV_SERVER_PORT environment variables.

    If you want to be able to access your development server from other devices on your local network, you can start it like this:

    $ DEV_SERVER_HOST=`ipconfig getifaddr en0` yarn start
    

    Where en0 is the network device you're using.

    Keywords

    none

    Install

    npm i @ftw/catalyst

    DownloadsWeekly Downloads

    0

    Version

    0.0.25

    License

    MIT

    Last publish

    Collaborators

    • anthonymattox
    • joshhepworth
    • danmartens