This project was bootstrapped with Create Guten Block.

Below you will find some information on how to run scripts.

• ReactStrap - Bootstrap React Components

• Laboratory Helpers

The Gutenberg Handbook is a good place to start as well as CSS Tricks' Tutorial.

You should develop with SCRIPT_DEBUG set to true by adding define('SCRIPT_DEBUG', true); to your wp-config.php

Most of our code is in the src/ folder. We've broken it down into:

- src/
  - init.php // define your plugin
  - blocks/ // block code here.
    - my-custom-block // directory for each block.
      - index.js
      - style.scss
      - editor.scss
  - components/ // reusable portions for blocks
    - containers // reusable containers
    - options // reusable options e.g. background or font
    // ...
  - helpers/
  - deprecated/ // blocks that are no longer used

(We generally use yarn. If you do too, use yarn below)

• Use to compile and run the block in development mode.
• Watches for any changes and reports back any errors in your code.

• Use to build production code for your block inside dist folder.
• Runs once and reports back the gzip file sizes of the produced code.

• Use to eject your plugin out of create-guten-block.
• Provides all the configurations so you can customize the project as you want.
• It's a one-way street, eject and you have to maintain everything yourself.
• You don't normally have to eject a project because by ejecting you lose the connection with create-guten-block and from there onwards you have to update and maintain all the dependencies on your own.