March 28, 2019 18:00

ReactJS Meetup Düsseldorf #11

Information

Death by 1,000 selectors

Why your web app’s styles are an unmaintainable mess with Bogdan Lazar

Description

Do you remember when you first started learning HTML and CSS? You probably started like me with one blank file that was organised and maintainable. There was no way in hell you couldn’t scale this approach. Then it grew to 2 files. And then to 4 and then 12.

You began to see the problems with CSS and adopted a BEM methodology and maybe a pre-processor, while still growing your web app and the number of files exponentially. Now you’re looking at about 40 CSS files in addition to Twitter Bootstrap and countless other HTML files that are littered with CSS IDs and classes. You have to add a new feature today and remove some deprecated functionality tomorrow.

I get where you’re coming from! I used to be you! I am you on some days. And although I do love the mountains, I’ve not yet moved there! Instead, I am here to give you your sanity back. All I need from you is your open mind and your open code editor, as we will dive into building a simple Card component taking it through the entire life cycle, from simple HTML and CSS and refactoring it to get back to your one file that contained everything you needed. Maintainable. Scalable. Simple. Zen.

Agenda

  • 18.00 - 19.00: Drinks & Snacks

  • 19.00 - 20.30: Death by 1,000 selectors: Why your web app’s styles are an unmaintainable mess

  • 20.30 - 22.00: Drinks & Networking

Directions

InVision AG Speditionstraße 5 40221 Düsseldorf

You will find parking spaces in the surrounding streets and car parks.