{"repo":"cristianbote/goober","free":true,"listed":false,"github":"https://github.com/cristianbote/goober","clone":"git clone https://github.com/cristianbote/goober.git","description":"🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API","language":"JavaScript","stars":3275,"topics":["javascript","css-in-js","css","preact","react","ssr","critical-css","styled","styled-components","goober"],"license":"MIT","category":"ui-components","readme_excerpt":"🥜 goober, a less than 1KB css-in-js solution. 🪒 The Great Shave Off Challenge Can you shave off bytes from goober? Do it and you're gonna get paid! More info here Motivation I've always wondered if you could get a working solution for css-in-js with a smaller footprint. While I was working on a side project I wanted to use styled-components, or more accurately the styled pattern. Looking at the JavaScript bundle sizes, I quickly realized that I would have to include 12kB(styled-components) or 11kB(emotion) just so I can use the styled paradigm. So, I embarked on a mission to create a smaller alternative for these well established APIs. Why the peanuts emoji? It's a pun on the tagline. css-in-js at the cost of peanuts! 🥜goober Talks and Podcasts React Round Up) 👉 https://reactroundup.com/wrangle-your-css-in-js-for-peanuts-using-goober-ft-cristian-bote-rru-177 ReactDay Berlin 2019 👉 https://www.youtube.com/watch?v=k4-AVy3acqk PodRocket by LogRocket 👉 https://podrocket.logrocket.com/goober ngParty 👉 https://www.youtube.com/watch?v=XKFvOBDPeB0 Table of contents - Usage - Examples - Tradeoffs - SSR - Benchmarks - Browser - SSR - API - styled - setup - With prefixer - With theme - With forwardProps - css - targets - extractCss - createGlobalStyles - keyframes - shouldForwardProp - Integrations - Babel Plugin - Babel Macro Plugin - Next.js - Gatsby - Preact CLI Plugin - CSS Prop - Features - Sharing Style - Autoprefixer - TypeScript - Content Security Policy (CSP)- - Browser ","default_branch":null,"files":null,"tree":[],"storefront":"/r/cristianbote","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/cristianbote/goober/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}