Joined October 2011
- Tweets 4,294
- Following 582
- Followers 5,286
- Likes 5,538
335 Photos and videos
13 Dec 2023
Pretty excited to read through this source code, I've been quite curious about how RSC works underneath the covers.
12 Dec 2023
⛩ New Blog Post: Introducing Waku, the minimal React Framework that enhances React Server Component (RSC) usage. Perfect for RSC enthusiasts or those curious about Waku.
For detailed info and examples, check out our GitHub repo. Learn more here 👉 waku.gg/blog/introducing-wak… 🤩
4
1,477
11 Dec 2023
I feel like the missing piece of DX is making intellisense aware of the custom properties in a project automagically🪄
1
4
877
6 Dec 2023
Atomic/Utility/Functional CSS is basically assembly for presentation so it's always cool to see libraries treat it as a compile target.
github.com/facebook/stylex
1
7
1,112
6 Dec 2023
As apps grow, the permutations of styles are effectively infinite. Compiling to atomic classes means CSS output grows logarithmically rather than linearly.
1
7
527
1 Dec 2023
I'm that broken record at work that always says "this should be a state machine", so always delighted to see xstate iterate.
1 Dec 2023
XState v5 is finally here 🚀
→ Express any logic, from promises to state machines
→ Much simpler API
→ Massively improved TypeScript experience
→ Smaller bundle size, zero deps
→ Advanced statechart features
→ New docs, examples
npm i xstate
15
1,608
John Otander retweeted
26 Aug 2022
Get ready for a whole new type of design workflow. Just released folders and component hot swapping for Studio Pro users. Write your content once and then quickly cycle through any component in the current folder to rapidly explore design options🤤
2
21
23 Aug 2022
📈 A collection of components growing by the day!
23 Aug 2022
👀 116 open source components built with HTML & CSS: components.ai/u/system/cl5a9…
ALT Screenshot of a grid of ui components documented visually
1
6
29 Jul 2022
My favorite part about these themes/templates is you'll be able to customize the HTML CSS without writing any code.
29 Jul 2022
We're hard at work on a collection of open source themes and templates that can be combined to produce an endless stream of stunning design options for your content.
Some examples of output after our latest updates 🤩
ALT A grid of 6 webpage screenshots for a common landing page design with Space Grotesk font. Each screenshot is a different combination of colors and typefaces.
ALT A grid of 6 webpage screenshots for a common landing page design with Syne font. Each screenshot is a different combination of colors and typefaces.
ALT A grid of 6 webpage screenshots for a common landing page design with Playfair Display font. Each screenshot is a different combination of colors and typefaces.
1
12
21 Jul 2022
✍️ Working on text editing directly in the @components_ai canvas. The first pass is rolling with some vanilla contenteditable=true magic.
In the future we'll likely iterate and add full-fledged rich text editing (via Slate).
1
1
15
19 Jul 2022
Currently working on targeting nested elements in CSS GUI so you can have a Content/Prose component to apply child styles.
Here I'm styling nested links (some UX improvements to make still):
1
1
3
19 Jul 2022
This'll be particularly useful for applying styles to MD(X) documents and user-provided content.
19 Jul 2022
Implemented HTML Markdown imports for CSS GUI.
Added a sneaky nicety where if you have Markdown in the input and switch the format to HTML - it'll convert it.
HTML => MD => HTML ➿
2
2
18
19 Jul 2022
And a big thanks to @hturan for doing a lot of heavy lifting with the HTML imports!
Our next step will be connecting HTML DOM nodes with any embedded styles, but that's a really hard problem.
So this is our first baby step : )
19 Jul 2022
The data structure we have for CSS lets us serialize the styles in different ways. Whether that's compiling it using a CSS-in-JS runtime, serializing it to a CSS prop with theme bindings, or eventually serializing to utility/functional CSS.
A styles serialization "demux".
1
19 Jul 2022
Meanwhile, the HTML/hyperscript AST representation lets us serialize (somewhat) simply to a lot of web-based frameworks since they're fundamentally HTML/JSX with JS sprinkled in with their own syntactic sugar for props and interactive bindings.