Nice Things™️ for Front end devs with Storybook, Vite, Twig and Drupal
In a lightning-fast video, find out how to set up a Drupal project for component-driven design with Vite, Storybook and Twig.
Front end developers outside Drupal take certain things for granted.
Things like:
- near instant reloading whilst developing
- zero config setup for compiling sass/postcss and transpiling Javascript
- tight integration with Storybook
Traditionally Drupal front-end developers wanting to make use of these tools would need to duplicate markup between Drupal and a separate design system.
This session gives an introduction to setting up the Vite Plugin Twig Drupal package, which allows Drupal front-end developers to have the same nice things.
Watch the video
Session recorded at DrupalSouth Sydney, March 2024.
Related Articles
Drupal front-end nirvana with Vite, Twig and Storybook
We're proud to announce the release of vite-plugin-twig-drupal, a plugin for Vite that we hope will improve your workflow for front-end development with Drupal.
Vue 3 for React developers and vice versa
Which do you prefer, React or Vue 3? Watch the video to discover their many commonalities and follow code examples for translating one concept to the other.
Testing Twig templates and custom JavaScript with Jest
Jest is the defacto standard for testing in modern JavaScript, but until now, we haven't been able to leverage it for testing in Drupal. Thanks to twig-testing-library, that's changed.