StyleX 0.4.1 -
@naman34
Blog post summarize the improvements since the initial release
A release before we wrap up the year with lots of small fixes and improvements. Biggest things in the new year.
0
4
33
1
2
5
Replies
Note: this is just a quick sample
All the links are here:
✉️ Subscribe by email - Much better!
👥 Join 32k+ others
Subscribe at:
Sneak peek below 👇
1
0
1
TanStack Router v1.0 is officially out
An impressive list of features
Pushes the boundary of what is possible in terms of typesafety and search params management
👀 Take a sneak peek at other TanStack projects: Start, Config, Store...
Merry Christmas!🎄 I'm excited to officially announce the release of
@Tan_Stack
Router v1! 🎉🎊
🔒 Fully Type Safe
♻️ Built-in Loader Caching
🔎 URL State Management + Search Param APIs
🎁 So much more!
89
432
3K
2
1
9
React canary has new resource preloading APIs
Documentation is in the process of being written
Mostly for framework authors
👀 React-DOM has new resource-preloading APIs (canary)
Doc PR to check:
Not sure yet how I would use those outside fwks; any idea?
Maybe with startTransition, we would preload images before inserting them into the DOM?
9
26
152
1
0
5
React core team (Andrew, Dan) unveils plan to improve useMemo
It is likely to become a better alt to the useContextSelector() we all want
🐇 Follow the rabbit hole
@TkDodo
created for details, lots of interesting Future of React tweets here
Super interesting React memo discussions going on here 👀
useMemo is likely to become a better version of useContextSelector we all wanted.
By not using selectors, the solution becomes even more composable
1
10
97
1
0
9
React Server Components: the Good, the Bad, and the Ugly -
@hi__mayank
Great read, well documented and fair React/RSC criticism
Great RSC article worth reading, well-documented
There are some annoying React/Next.js behavior I can agree with (duplicate payload, extending fetch, bundle size...)
Yet
@hi__mayank
remains cautiously optimistic about the new APIs
0
14
57
1
1
6
More Than You Need to Know About ReactDOM.flushSync -
@Mega_Jules
Great interactive article
Explaining this rarely used React hook
Allowing you to opt-out of React state update batching
New post! 📝
“More Than You Need to Know About ReactDOM.flushSync” an in-depth look at what happens on state updates in React, how updates with `flushSync` are different, and how this can be useful.
With an interactive diagram as usual. Check it out
1
7
41
1
1
4
shadcn/ui has a major update
Improved CLI
New components
✨We've added new components to shadcn/ui and made improvements to the CLI.
◆ Drawer, Carousel, Pagination, Sonner & Resizable
◆ Support for custom Tailwind prefix
◆ Shipping early next year: A new style with framer motion animations
👇
180
331
3K
1
0
3
The Tailwind team released Catalyst
Modern "disappearing UI kit" for React
Paid product (requires Tailwind UI license)
There's also Headless UI v2.0 in alpha with great improvements
🎁 Day 3...
Catalyst v0.1.0 is here! 🥳
Our first fully-componentized, batteries-included application UI kit for React 🤝🏻
95
173
2K
1
0
1
Tokenami - Atomic CSS in the style attribute.
Type-safe static styles with theming, responsive variant support, and no bundler integration.
Supports React and Solid
✨📢 tokenami is now public!
what started as a crazy lil idea for my own side projects has turned into something i've learnt a ton from, and thoroughly enjoyed building. feeling proud to finally share something with you all ☺️
Happy New Year 🎉
28
67
646
1
1
5
Future of Storybook in 2024 -
@mshilman
The themes for Storybook in 2024:
- application development (!= isolated component development)
- enhanced support for non-React frameworks
- improved story generation (using AI)
2023 has been huge for the Storybook community! Here’s everything we shipped this year and the first-look at what’s next 👉
🎊 Our biggest-ever release
🌎 Meetups in 3 continents
🌐 RSC support
🔮 Storybook 8 and beyond
👏 1,961 contributions by 305 devs
5
12
68
1
1
10
TWC - Supercharge
React + Tailwind CSS -
@gregberge_
Create Tailwind CSS Components in one line
Write less code and build faster
🚀 Introducing TWC
A library to create reusable
@tailwindcss
components for React 🎨💪✨
🔸 Lightweight (0.65kb)
🔸 Autocompletion in all editors
🔸 Adapt class based on props
🔸 `asChild` prop support
🔸 tailwind-merge + cva compatible
36
113
857
1
1
18
MDXTS preview -
@souper
Build interactive, type-safe content and documentation in MDX, TypeScript, and React.
📣 Announcing MDXTS (Preview) 📣
🔹Easily import content in Next.js
🔹Automate documentation
🔹Type-check code blocks
🔹Use file-based routing
Balancing performance, customization, and usability has always been challenging when creating content and…
4
11
95
1
1
6
MDX + Remix - How this site is built -
@pcattori
Demo setup + article
Explains how Vite features (glob imports) and (remark) plugins work together to power Remix + MDX
MDX routes in
@remix_run
are finally a joy to use thanks to
@vite_js
.
The best part is that its still Remix. Want to grab data from your db? Use a `loader`. Same goes for all the Remix features you know and love.
👉 Demo
👉 Repo
5
17
181
1
0
6
React-Native WishList -
@mrousavy
After a year of development, Margelo decided not to release their library aimed at solving performance problems for lists in React Native 😢
After weeks of brainstorming and thinking about alternative approaches, we unfortunately have to announce that WishList will not go into production. 😔
For more information, lessons learned, and technical specifics, read this Notion document:
12
28
189
1
0
4
Bringing React Native libraries to Apple Vision Pro -
@o_kwasniewski
The new out-of-tree VisionOS platform will support JS libs automatically.
Most native libs will simply need to add a visionos platform to the podspec (minus some troubleshooting)
New blog post is out 🚀
Learn how you can bring existing React Native libraries to
#visionOS
and contribute to Open Source! 🥽
3
16
80
1
1
6
Interesting demos of using Hermes + JSI outside of React-Native -
@tmikov
Curious to see if this runtime becomes popular in other contexts 👀
Just published a new repository containing several small demos showing how to use Hermes with JSI on desktop without any frameworks.
3
22
148
1
0
4
🎬 THE END!
Note: it was just a quick "visual sample".
🌐 Read online, including all links:
✉️ Get my weekly email:
👌 More content, better comments
🐦 Support me - Retweet this 👇
This Week In React 168
⚛️
- TanStack Router
- preloading APIs
- useMemo selector
- React Server Components
- flushSync
- Remix
- Nextjs
- Storybook
- MDX
- Tokenami
- TWC
- StyleX
📱
- WishList
- Swift RFC
- VisionOS
- RN Windows/MacOS
- Hermes
... more by ✉️
Details 👇
1
21
130
1
0
2
🤭 Fun this week
0
0
6