Migrating the A11yTalks Website from React Components to Single Directory Components
Learn how the A11yTalks website was moved from Gatsby to Drupal using Single Directory Components.
Prerequisite
Attendees will need familiarity with Drupal and an interest in Single Directory Components
Outline
A11yTalks is a monthly virtual meet-up that focuses on speakers and discussions centered around digital accessibility. Over the past five years, its website has been hosted on the Gatsby platform. However, a recent decision was made to transition to Drupal 10. Given that the React-based platform utilizes various components, the shift to Single Directory Components became evident. This session will delve into the processes involved in migrating the React theme to Drupal, highlighting the steps taken and providing insights into the conversion from JSX to Twig. The session will also show how the new Storybook module was used to create a design system used to help with development.
Learning Objectives
Converting React components to the new Single Directory Components.
Learning the new Storybook Module to create a Design System in Drupal.
Experience level
Beginner
Prerequisite
Attendees will need familiarity with Drupal and an interest in Single Directory Components
Outline
A11yTalks is a monthly virtual meet-up that focuses on speakers and discussions centered around digital accessibility. Over the past five years, its website has been hosted on the Gatsby platform. However, a recent decision was made to transition to Drupal 10. Given that the React-based platform utilizes various components, the shift to Single Directory Components became evident. This session will delve into the processes involved in migrating the React theme to Drupal, highlighting the steps taken and providing insights into the conversion from JSX to Twig. The session will also show how the new Storybook module was used to create a design system used to help with development.
Learning Objectives
Converting React components to the new Single Directory Components.
Learning the new Storybook Module to create a Design System in Drupal.
Experience level
Beginner