Comments (3)
Linaria’s main key feature is zero runtime cost by replacing dynamic values with css variables and generating css files during the build process. You can achieve similar results with goober using extractCss for server side rendering and caching the results.
from goober.
@B-Teague is spot on! Thank you for answering it.
@cfuendev there are two kinds of libraries:
- they work at build time (when you compile your code) and add a tiny little layer of 400B in this case
- they are doing everything at runtime, like goober does it
from goober.
Thanks @B-Teague & @cristianbote, that clears everything out a lot!
Now that I understand both libraries better, I think that shipping my library (Which only supports transpiling a specific syntax to in-lineable css and will require a separate library as a back-end to achieve full CSS-in-JS capabilities) with integrations for both linaria and goober would be a nice approach.
But for now, working with goober is enough. Thanks for the insight!
from goober.
Related Issues (20)
- extractCss() returns empty string in Solid SSR environment HOT 2
- The behavior of `glob()` was changed in 2.1.11.
- Support for concurrent rendering + server components HOT 8
- Replace babel with swc HOT 1
- How to put styles inside web component? HOT 1
- Have component names inside classnames when in dev mode HOT 2
- Help solve typescript error trying to add new prop and doing conditional style HOT 2
- Use Proxy() for styled.div HOT 2
- Emotion is framework-agnostic
- Ability to set GOOBER_ID HOT 5
- [ Goober + Preact ] Error rendering during testing. HOT 2
- CSS string values do not work with extracted CSS HOT 4
- `css()` taken by surprise when `this` is `window` (in “old-school” JS environment) HOT 1
- Duplicated styles within dynamic classes
- Unexpected behaviour when extending components HOT 1
- Running prefixer for nested objects
- Usage with rollup HOT 1
- Shave challenge clarification: which file should we be looking at? HOT 2
- deno server-side-render error HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from goober.