Fela 12.1.2 is out!
- enforceLonghand now respects vendor-prefixed properties
- improvements to snapshot testing with React 18
- TypeScript fixes for react-fela
github.com/robinweser/fel…
English
Fela
77 posts
Fela
@felajs
JavaScript Styling toolbelt. CSS in JS. Open Source. Created by @robinweser. #cssinjs
Katılım Mayıs 2014
20 Takip Edilen165 Takipçiler
Fela 12.1.0 and 12.1.1 are out!
- React 18 support for Jest snapshots
- Autoprefixing of multiline values
- Enhanced static style rendering with theme support
- More options for enforced longhands
- Vulnerability fixes
See github.com/robinweser/fel…
English
Here are the release notes: github.com/robinweser/fel…
Please note: Due to a tiny bug in passing props, we had to push 12.0.1 as a hotfix.
English
Happy to announce: Fela 12 is out 🎉
@robinweser wrote an announcement post with some explanation and his thoughts for the future: weser.io/blog/introduci…
TL;DR: Massive performance improvements and a reworked monorepo setup.
English
@layershifter This is my latest local build (Chrome 98, M1 MacBook Pro 2021) using the core essentials unit, fallback-value and prefixer + enforce-longhands for deterministic shorthand-longhand resolution.
English
@felajs Can you please add numbers with plugins like expand (that increase an amount of rules)? With manually expanded styles (to shorthands) it's not so optimistic...
English
@layershifter Also there‘re some improvements that are not yet published (rc.2 coming soon)
English
@layershifter These examples include several plugins already. I wouldn‘t expand shorthands anymore but rather use fela-enforce-longhands.
Of course, adding all existing plugins will make it slower, but I tested with only the ones needed to really compare the libs.
English
@heyAustinGil But we don‘t extract CSS at build-time if that‘s what you‘re asking for.
This has several reasons, but most prominently the dynamic nature of Fela cannot be reflected in extracted CSS without losing its benefits.
English
@heyAustinGil Depends on what you are doing. By default, they‘re injected on render, thus during runtime.
But if you implement SSR (which we‘d always recommend) your styles are rendered on the server and send with your markup and then only rehydrated in runtime.
English
Fela 11.7 is out 🎊
After a long time, we had a small release today to introduce fela-plugin-hover-media.
github.com/robinweser/fel…
English
@montogeek Hmm.
1. don‘t use Fela for it and insert their script tag 🙈
2. check their sources file and inject the url(s) for the required variants manually
English
@felajs What is the recommended way to load a font from Google Fonts?
English
Fela retweetledi
Tomorrow is a big day for #cssInJs users! @pfeiffer_andrei will present his thorough analysis of almost all existing solutions on the market! #StyledComponents @emotioncss @felajs #treat #CSSModules #compiled #JSS #Stitches #StyledJSX #goober and others
👉eventbrite.com/e/ngparty-regu…
ngParty@ngPartyCz
What’s more challenging than choosing a #js framework? if you guessed it’s a #CSSinJS library you’re totally right... Fear no more dear friends! Thanks to thorough analysis by @pfeiffer_andrei choosing the right path was never easier! RSVP 🎟️eventbrite.com/e/ngparty-regu… #meetup
English
Just a quick patch release today: 11.6.1 is out!
Includes improvements for TypeScript users. Enjoy!
github.com/robinweser/fel…
English
Fela retweetledi
Addy’s tip is definitely solid. As a side note, @felajs gives atomic CSS out of the box and in a transparent way, so you never end up with hundreds of KBs of CSS. For instance, the N26 website has ~35Kb of gzipped CSS. It’s not tiny by any mean, but it also doesn’t grow anymore.
Addy Osmani@addyosmani
Tip: Remove unused CSS from production builds of your CSS libraries. My @TailwindCSS was ~294KB gzipped. With PurgeCSS and a safelist, improved Largest Contentful Paint by ~1.8s & CSS size to ~9KB (even less w/Brotli) goo.gle/tailwcss
English
Fela 11.6.0 is out!
Several improvements & bug fixes for plugins such as responsive-value, multiple-selectors. CSS custom property rehydration and React improvements.
Also includes several TypeScript improvements thanks to the community!
Check it out: github.com/robinweser/fel…
English
@miguelsmsilva @robinweser @mxstbr @Media Better late than never ;)
But don't worry, there're a lot of great CSS-in-JS libs out there, so you eventually used another good one which is just fine!
English
@robinweser @mxstbr @felajs @Media I've known @felajs from around the time you presented in ReactiveConf 2017 and now I'm feeling quite dumb from not giving it a spin sooner 😅
English
Just published a new article!
"The Shorthand-Longhand Problem in Atomic CSS" is an in-depth explanation of the biggest caveat of atomic #cssinjs (e.g. @felajs , Styletron). It highlights possible solutions and their pros/cons.
Read it here: weser.io/blog/the-short…
English