⚛ Front-End Development

Before doing any development in the front-end, ensure that Node.js is installed. To install Node.js, you can do one of the following:

For bundling, we use Webpack via the webpacker since the backend is Ruby on Rails.

There is some legacy code which is old school JS, but for all things new, Preact is where it's at. If you're new to Preact, check out their documentation. Also, consider following the #preact tag on dev.to.

👷‍ Building components

We use Storybook to develop components. It allows you to focus on building components without the burden of the whole application running. If you're new to Storybook, check out their documentation. Also, consider following the #storybook tag on dev.to.

To get Storybook running on your local:

  • 📦 Run npm install or yarn to ensure all your dependencies are installed.
  • 🏁 Run npm run storybook or yarn storybook to start Storybook.
  • 🏗️ Start working on your component and see the changes in Storybook as you save.