Nanotechnology Promises Much

    TypeScript icon, indicating that this package has built-in type declarations

    4.10.3 • Public • Published

    🔋 Atomic Fuel

    This package contains all of the front-end library code for Atomic Jolt apps. It includes all front-end code that was previously in the client/libs directory.

    🧱 Installation

    You should install atomic fuel into each individual app not in the client directory. Just add as a regular dependency.

    yarn add atomic-fuel

    🧑‍🔬 Usage

    All of the code is found in the libs folder which has the following structure

    -- actions
    -- api
    -- communications
    -- components
    -- constants
    -- decorators
    -- graphql
    -- libs
    -- loaders
    -- middleware
    -- reducers
    -- specs_support
    -- store

    If you wanted to use, for example, libs/store/configure_store.js you would write the following:

    import configureStore from 'atomic-fuel/libs/configure_store.js';

    Alternatively, there is an index file which simply exports everything for convenience, so you can do this:

    import { configureStore } from 'atomic-fuel';

    🛠️ Development

    Develop using Storybook, which features hot-reloading, component browsing, and testing of React Components.

    Run Storybook: yarn storybook

    📝 Note

    Component file structure should be organized in the following structure.

    -- ComponentName/
    ---- index.js
    ---- index.spec.js
    ---- index.stories.js
    ---- styles.scss

    🚧 Building

    To build the lib folders and types run: yarn build

    🧪 Testing

    Run tests: yarn test

    Run tests with Chrome DevTools (i.e. use debugger in your tests):

    1. Open a Chromium browser at chrome://inspect
    2. Click on the "Open dedicated DevTools for Node"

    Then you can run tests using: yarn test:debug


    npm i atomic-fuel

    DownloadsWeekly Downloads






    Unpacked Size

    487 kB

    Total Files


    Last publish


    • jbasdf
    • mattpetro
    • bfcoder