There it is, a much anticipated feature 💪🎯
Great to see what you can build with a 🔝 tech stack: @angular, @ngrx_io, #RxAngular & co
Worth noting that we do TSS (CSS in TS) using @emotioncss, with 🚀 performance on regular consumer devices!
Kudos to @derbenoo@dimetschis 🙏
@MaterialUI thanks for a generous monthly donation to @emotioncss , that means a lot! It takes an OSS project to appreciate another one (looking at you, all corporate companies, not sharing even a dime)
CSS resets don't have to be globally scoped! Here's an example where I've taken the famous Eric Meyer reset and locally scoped it using @emotioncss.
CodeSandbox demo: https://t.co/KKdPbajAE3
👩🎤 Emotion 11 is out! On 11/11 (at least in some parts of the world 😉). A year of tackling issues and helping the community - it wouldn't happen if not for the help of external contributors & the keen eye and the support of @mitchellhamiltn 🚀 https://t.co/js5Wlaq9R8
Ever wanted to use @emotioncss but with validated Tailwind class names? Well check it out.
Tailwind Macro converts to styles handled by Emotion.
Trying to use a class that doesn't exist? You get an error
Auto complete classes with VSCode. ✨
https://t.co/Q3W0LRBbWr
Emotion v11 RC has been released! Ideal date - 10/11, try to migrate your Emotion v10 apps to v11 and let us know if everything is OK before the final release. Our @emotion/eslint-plugin and changelogs should help you migrate, updated docs here: https://t.co/5trWsr8FMK
Every time I try a styling solution other than Emotion, I regret it.
My list:
- Raw CSS
- CSS modules
- Styled Components
- JSS
- styled-jsx
I don't see the need to try any others.
The 2 minutes it takes to setup Emotion in any new project is worth it.
Happy to donate some of our @emotion budget from @opencollect to @thysultan for all his hard work on the Stylis that powers our CSS-in-JS lib! We often build on the blocks provided by others who don't get as much recognition as user-facing projects. Hope this helps a little.
@kripod97 This is why emotion uses a single style tag in the head for SSR. I’d also be curious to know where the divergence in perf starts to show in your ex. 10k elements, 20k? I’m not surprised a list of 70k element with 70k style tags is slow
I have an RFC up on the emotion repo for writing css shorthand properties using array values. Would love to hear feedback on this idea.
example:
padding: [space[1], space[3], space[2], space[2]]
https://t.co/n1MJve5c9d
There are no competitors in the CSS in JS world, only awesome ideas being explored by great people! ✨
I have nothing but love for everybody in this ecosystem, we are all just trying new things and seeing what works 💯
I’m so excited to be speaking at @ReactConfAU about monorepos and all of the monorepo tools that myself, @Noviny and friends have been working on!! 🎉🎁🦋☔️🎉