Compiled

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

[Compiled @compiledcss]

@jimyLaDose Hello! Sort of. The dynamic declarations that can't be statically extracted will be powered by CSS variables which aren't supported in IE11.

[Compiled @compiledcss]

...for those wanting to see more — you can see CSS being used in this example https://t.co/LQqgZY42Hx

[Compiled @compiledcss]

Create styles that can be re-used between components with "CSS", now available.

+ @​compiled/[email protected] ✨
+ @​compiled/[email protected] ✨

https://t.co/EHVPo4uEBb

[Compiled @compiledcss]

Interested in learning more? Have a read of this thread past: https://t.co/8ADx8mbkUe

[Compiled @compiledcss]

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

https://t.co/DtXuYflF0C

🧵👇

#javascript #cssinjs #reactjs #webdev #css #programming

[Compiled @compiledcss]

Can you tell the difference between these two images? 👇🤔

No? Well, we'd hope not!

Left = styles in JS 🎂
Right = styles extracted to CSS 🌋

https://t.co/PK2MmZbPVo landing page now with extracted styles.

#cssinjs #react #webdev

[Compiled @compiledcss]

Have we got your attention? Try it out yourself!

Installation docs here https://t.co/AlB7h2A3Il

Extraction docs here https://t.co/DtXuYflF0C

Replies here 👇

[Compiled @compiledcss]

😊

[Mark Dalgleish @markdalgleish]

Australia is such a CSS innovation hub. CSS Modules, Styled Components, @compiledcss, treat, vanilla-extract. Anything else?

[Compiled @compiledcss]

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!

https://t.co/MNn5CarrEZ

[Compiled @compiledcss]

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

[Compiled @compiledcss]

@_baxuz Yep you can write regular CSS in the template literals. Every API takes template literals, objects, and arrays. See: https://t.co/p242q76FPz

[Compiled @compiledcss]

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

https://t.co/DtXuYflF0C

🧵👇

#javascript #cssinjs #reactjs #webdev #css #programming

[Compiled @compiledcss]

@KnitterGirl39 Hello! In the short term no. Open to it in the future however.

[Compiled @compiledcss]

@teemu_taskula @sseraphini No data for you right now unfortunately! Hopefully in the future.

No plans for rollup at this time, would take a contribution however ☺️

[Compiled @compiledcss]

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

💫 https://t.co/SjQKfWXcXR

[Compiled @compiledcss]

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!! ❤️❤️🎉

[Compiled @compiledcss]

@kylegach Yep!