@compiledcss

A familiar and performant compile time CSS-in-JS library for React made by @atlassian.

 Sydney, Australia
compiledcssinjs.com
Joined February 2021
  • Tweets33
  • Following0
  • Followers249
9Media
3
14
8
115
Create styles that can be re-used between components with "CSS", now available. + @​compiled/[email protected] ✨ + @​compiled/[email protected] ✨ compiledcssinjs.com/docs/api…
2
4
16
...for those wanting to see more — you can see CSS being used in this example compiledcssinjs.com/docs/api…
5
Can you tell the difference between these two images? 👇🤔 No? Well, we'd hope not! Left = styles in JS 🎂 Right = styles extracted to CSS 🌋 compiledcssinjs.com landing page now with extracted styles. #cssinjs #react #webdev
1
6
1
27
Have we got your attention? Try it out yourself! Installation docs here compiledcssinjs.com/docs/ins… Extraction docs here compiledcssinjs.com/docs/css… Replies here 👇
1
1
Interested in learning more? Have a read of this thread past: xitter.cf/compiledcss/status/137…
Compiled@compiledcss20 Mar 2021
Experimental style extraction now available for Webpack 5! Try it today. ✅ Extract styles from your app ✅ Extract styles from node modules ✅ Atomic style sheet ✅ Style sheet minification compiledcssinjs.com/docs/css… 🧵👇 #javascript #cssinjs #reactjs #webdev #css #programming
1
1
😊
Mark Dalgleish
@markdalgleish30 Mar 2021
Australia is such a CSS innovation hub. CSS Modules, Styled Components, @compiledcss, treat, vanilla-extract. Anything else?
1
4
Few bug fixes went out for the webpack loader! Now working much better, and also working a treat with Webpack 4 for CSS extraction. + @​compiled/[email protected] ✨ Give it a go and let us know how you went? #cssinjs #javascript #webdev #react
1
7
9
P.S. we're interested in supporting NextJS but there's a few things not working great. If you have any experience we'd love to chat! github.com/atlassian-labs/co…

NextJS CSS extraction support · Issue #669 · atlassian-labs/compiled

Is your feature request related to a problem? Please describe. NextJS support is desirable, but currently it doesn't work well. There are two schools of problems: Style sheet sorting doesn'...

github.com
Experimental style extraction now available for Webpack 5! Try it today. ✅ Extract styles from your app ✅ Extract styles from node modules ✅ Atomic style sheet ✅ Style sheet minification compiledcssinjs.com/docs/css… 🧵👇 #javascript #cssinjs #reactjs #webdev #css #programming
3
54
6
191
more replies
If you're interested in trying something new why not give the library a try! We're interested in hearing your feedback as well as any bugs you've found during use. 👉 npm i @​compiled/react @​compiled/webpack-loader ALL THE BEST!! ❤️❤️🎉
1
5
Toss a coin to your Witcher O' Valley of Plenty O' Valley of Plenty, oh Toss a coin to Your Witcher O' Valley of Plenty 💫 github.com/atlassian-labs/co…

GitHub - atlassian-labs/compiled: A familiar and performant compile time CSS-in-JS library for...

A familiar and performant compile time CSS-in-JS library for React. - atlassian-labs/compiled

github.com
6
Extracting Compiled Components to a static style sheet... ✅ Extract from your app ✅ Extract from node_modules ✅ Atomic style sheet ✅ Webpack 5 ✅ Webpack 4 ✅ Style sheet minification Coming soon 👉 github.com/atlassian-labs/co… #reactjs #cssinjs #javascript

Webpack extract to CSS by itsdouges · Pull Request #624 · atlassian-labs/compiled

Restarting the spike using knowledge from #575 (thanks @jantimon!). Closes #575 Closes #58 TODO Modify webpack build to extract based on env variable so we can test both flows See if we can thro...

github.com
2
13
3
42
With all the same behavior you know and love from other runtime CSS-in-JS libraries but now optionally extracted to an external style sheet. When it lands, why not give it a try? It's going to change the game for component libraries and design systems that are published to NPM.
1
1
3
Get started today 👉 compiledcssinjs.com/docs/ins…
3
If you're feeling ~experimental~ the Parcel V2 transformer is now available for play, release notes here github.com/atlassian-labs/co… Enjoy! + @​compiled/[email protected] ✨ #cssinjs #javascript #reactjs

Release v0.6.6 · atlassian-labs/compiled

New features Parcel transformer (#512) Note Parcel v2 is currently in pre-release which makes this transformer experimental, it may break when updating Parcel. Use with caution. The first cut of...

github.com
3
6
Load more