Get back to work gallery

Atomic Gatsby Framework

Visit this project at

πŸ‘‰its Github Repo

Atomic Gatsby TypeScript Recoil.js

With Storybook and accessibility Addons

πŸš€ Quick start

  1. Get the Gatsby CLI.

    # install the gatsby command in your environment npm i -g gatsby-cli
  2. Create a Gatsby site.

    # create a new project using the atomic-gatsby-react-typescript-recoiljs gatsby new my-project-name https://github.com/LuisArmando-TestCoder/atomic-gatsby-typescript-recoiljs
  3. Create component

    # The component scopes are: strings, quarks, atoms, molecules, compounds cd auto # py component.py componentScope componentName py component.py strings MyComponent

    If more scopes are needed they can be added at auto/modules/export.py

  4. Set all exports

    Use this command whenever creating new folders in:

    - utils - state - components - types

    If more folders are needed they can be added at auto/modules/export.py

    cd auto py .\modules\export.py