Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

CSS in JavaScripto, the anti-pattern that is good

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Igor Halfeld Igor Halfeld
October 12, 2019
Programming
120
1

CSS in JavaScripto, the anti-pattern that is good

Avatar for Igor Halfeld

Igor Halfeld

October 12, 2019

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
210
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
150
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
150
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
79
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
720
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
550
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
230
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
420
Front-end Clean Architecture
Avatar for Igor Halfeld igorhalfeld
2
310

Other Decks in Programming

See All in Programming
AI Augmentation Techniques with Liberty
Avatar for ivargrimstad ivargrimstad
1
370
作れるエンジニアから、価値を届けるエンジニアへ
Avatar for Ryu-nakayama ryunakayama
1
200
コーディング自動化の次へ。人の介入をゼロにするファクトリーとサポートAIによる実践
Avatar for Seiji Takahashi timakin
5
5.1k
선언형 햅틱 라이브러리 진동을 소개합니다
Avatar for HyunWoo Lee l2hyunwoo
1
290
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
3.6k
AI時代のTerminal環境を UNIX哲学で設計・運用する
Avatar for yasunori yasunori0418
1
340
複数ドメインを一つのアプリに統合するFlutterの設計と運用_FlutterKaigi2026登壇資料（須永高弘）
Avatar for 須永高弘 takahirosunaga
0
150
flutter_test のその先へ — Flutter アプリの LLM 機能に「評価」という品質保証を
Avatar for Kosuke Saigusa kosukesaigusa
0
180
そのデザイントークン、Flutterでも同じ見た目になりますか？
Avatar for nakamizu nakamizu
0
300
느린 네트워크와 저사양 디바이스 사용자를 위한 웹뷰 로딩 시간 개선기
Avatar for kmkim kmkim
1
190
Enforcing Your Architecture with Unit Tests in the AI Era (Swift Connection X)
Avatar for Stelios Frantzeskakis steliosf
PRO
1
140
PyConTW 2026 - AI Coding 不只是工具升級, 區域醫院醫療資訊系統協作開發與資訊團隊轉型實踐
Avatar for Max Lai cclai999
0
230

Featured

See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
660
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
1k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
280
It's Worth the Effort
Avatar for 3n 3n
188
29k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
2
760
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.7k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
630
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
2
35k

Transcript

  1. CSS in JavaScripto O anti-pattern que deu certo

  2. Por que Anti-Pattern?

  3. None

  4. Quais os problemas do CSS?

  5. Manutenibilidade Escalabilidade Regras de CSS são globais

  6. Essa talk é pra te mostrar como hoje em dia

    a gente consegue resolver isso… …não é nada que o CSS não resolva, mas que junto com a DX te ajude a desenvolver

  7. Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld

  8. Como resolver o problema? Precisamos evoluir o CSS junto com

    a web…

  9. Vamos resolver o problema com javascript, o que pode dar

    errado?

  10. Afinal o javascript já resolveu uns problemas do HTML.

  11. None

  12. Virgulas CamelCase Números Strings

  13. Como usar?

  14. CSS Inline

  15. Bibliotecas! JSS, Glamor e Styled Components

  16. JSS

  17. Glamor

  18. Styled C.

  19. DEMO

  20. Obrigado! igorluiz.me/talks - @IgorHalfeld