Mastering Unified Styling: Tailwind CSS in Drupal and React - DrupalCon Lille 2023 Workshop

Staff Reporter

DrupalCon Lille 2023, scheduled from October 17 to 20, is set to become a global hub, uniting Drupal enthusiasts and advocates worldwide. This event is a vibrant platform for open-source community members to exchange knowledge and ideas, focusing strongly on Drupal's continuous evolution. For those profoundly passionate about Drupal and its boundless possibilities, DrupalCon Lille 2023 stands as an indispensable event. It unites like-minded individuals who share this enthusiasm, nurturing a collaborative and innovative ethos that defines the Drupal community.

During the upcoming DrupalCon Lille Jose Nieves and Mónica Cárdenas will present a session titled "How to Use Tailwind in Hybrid Solutions Using Drupal/Twig, Web Components, and React". This 45-minute session will delve into the practical aspects of this approach. The central lesson revolves around setting up a unified Tailwind configuration, including plugins, CSS expanding files, encapsulation, presets, and more, to ensure a uniform appearance across all user interfaces. This strategy reduces CSS output, expedites development, and boosts solution performance.

This workshop aims to equip attendees with a high-level understanding of how Tailwind operates and, more crucially, with the practical knowledge of setting up Tailwind for cross-technology reuse within the same website. Additionally, participants will gain valuable insights into effectively employing web components within Drupal pages and React applications. For those navigating the intricacies of hybrid solutions, this workshop promises to be a valuable resource for achieving UI consistency and optimizing development workflows.

Secure your seats for DrupalCon Lille 2023. Get more information here.

Special Announcement

We are looking for volunteers to go live for The Drop Times @ DrupalCon Lille 2023. Please get in touch with us if you are interested.

Click here to follow us on LinkedIn

Comment

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please let us know in the comments below and we will try to address the issue as best we can.

Tailwind