> Markdown version of [/videos/319-component-styling-in-a-js-world-evolve-your-mental-model?t=563](https://www.wearedevelopers.com/videos/319-component-styling-in-a-js-world-evolve-your-mental-model?t=563). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Component styling in a JS world — evolve your mental model

Stop juggling fragmented folders and fragile CSS classes. It is time to evolve your mental model. Modern CSS-in-JS tools deliver zero-runtime, type-safe styling that transforms your developer experience.

- **Speakers:** Maximilian Heinrich
- **Event:** JavaScript Congress
- **Published:** November 24, 2021
- **Duration:** 41:28
- **URL:** https://www.wearedevelopers.com/videos/319-component-styling-in-a-js-world-evolve-your-mental-model
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/56e569684b6ad6c79fa07ec85d5ddd4f/thumbnails/thumbnail.jpg?time=30000ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Why understanding core CSS still matters for developers](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more) (from "WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/323f78dd5a503300e7230c17980c2e21/thumbnails/thumbnail.jpg?time=178865ms
- [Navigating CSS complexity and embracing core frontend technologies](https://www.wearedevelopers.com/videos/1788-wearedevelopers-live-you-don-t-need-javascript-modern-css-and-more) (from "WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/514f37ba3e3644082392946e7eb6afa6/thumbnails/thumbnail.jpg?time=123105ms
- [Creating customizable and unstyled web component patterns](https://www.wearedevelopers.com/videos/1806-nolojs-avoiding-javascript-cruft-with-html-and-css-aaron-t-grogg) (from "NoLoJS - Avoiding JavaScript Cruft with HTML and CSS - Aaron T. Grogg")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/1da0794a95ef61b3cf6d9d4272d7f635/thumbnails/thumbnail.jpg?time=423485ms
- [Anticipating missing CSS features and upcoming standardizations](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/42d7b191407a97170b9d975007c90bbd/thumbnails/thumbnail.jpg?time=130245ms
- [Understanding the fundamental role of CSS in web development](https://www.wearedevelopers.com/videos/366-level-up-your-angular-css-with-tailwind-css) (from "Level up your Angular CSS with Tailwind CSS")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/688ecc18e1a9681df47640316bb17e42/thumbnails/thumbnail.jpg?time=83365ms
- [Modern JavaScript loop optimization and CSS innovations](https://www.wearedevelopers.com/videos/1786-wearedevelopers-live-ai-freelancing-keeping-up-with-tech-and-more) (from "WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/323f78dd5a503300e7230c17980c2e21/thumbnails/thumbnail.jpg?time=178865ms

## Related Articles

- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Top 7 CSS Frameworks in 2025](https://www.wearedevelopers.com/magazine/362-top-7-css-frameworks-in-2025)
- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)
- [Declarative Design and a fresh take on collaboration with developers](https://www.wearedevelopers.com/magazine/595-declarative-design-and-a-fresh-take-on-collaboration-with-developers)

## Related Jobs

- [Senior Product Engineer](https://www.wearedevelopers.com/jobs/48544-senior-product-engineer) at **Blacksmith Software**
- [Staff Engineer - Web Platform](https://www.wearedevelopers.com/jobs/ext/3243034-staff-engineer-web-platform) at **Intercom, Inc.**
- [Staff Frontend Design Engineer - AI & Systems Leader](https://www.wearedevelopers.com/jobs/ext/4629402-staff-frontend-design-engineer-ai-systems-leader) at **GitHub**
- [Senior Web Software Architect, AI Experiences](https://www.wearedevelopers.com/jobs/ext/4523834-senior-web-software-architect-ai-experiences) at **TeamViewer Germany GmbH**
- [Staff Product Engineer](https://www.wearedevelopers.com/jobs/48546-staff-product-engineer) at **Blacksmith Software**
- [Stackit - Cloud Foundry - Software Engineer](https://www.wearedevelopers.com/jobs/ext/3990356-stackit-cloud-foundry-software-engineer) at **Stackit**