In this episode of the No Script Show, David Waumsley and Nathan Wrigley delve into the concept of

component based web design, what it is and do we need it.

In this episode, we cover:

1. Discussing the advantages of using a component-based design system for complex projects and team collaboration.

2. Exploring the atomic design hierarchy and the role of React in managing and styling web components.

3. Addressing the shift in design practices from separating HTML/CSS to isolating individual components.

4. Debating the potential downsides of rigid design systems and the challenges of adapting to changes and onboarding new members.

5. Looking into the future of web development, pondering a decrease in JavaScript dependency, and teasing the next episode on container queries.

00:00 Page builders streamline website component creation process.

04:52 Realised need for simple designs over features.

10:18 Complete buy-in to component-based process. Atom, molecule, organism hardwired in users' heads.

11:16 React solved CSS encapsulation issue for teams.

16:12 Material design's usability issue with input labels.

17:36 Mistakes in forms, challenges with CSS/JavaScript.

21:59 Custom elements with JavaScript managing YouTube and podcast.

25:21 Description of using a web component for audio player customisation.

28:39 Styling is registered in JavaScript under shadow dom.

33:26 HTML/CSS didn't meet demands, led to React.

34:11 Shift from relying solely on JavaScript likely.

37:37 No script show. Watch on YouTube too.