We're covering 2 weeks of news, including 2 great releases: Astro 3.0 and VisionCamera 3.0. There have also been a lot of interesting articles, so I've had to filter a bit!
Bun 1.0 coming out tonight. I'm curious to see what they have planned. Having tested it on unit tests as a replacement for Jest, it's really very fast.
The React-Native EU conference kicks off today. I spotted some 🐦 very interesting talks, particularly the one on Static Hermes.
For those who want to visit Italy, go to ReactJS Day in Verona on 27 October 27. The conference is offering -10% on tickets and 2 online/remote tickets to our readers, which I'm giving away to the first 2 people who reply to this email and claim them.
💡 Subscribe to the official newsletter to receive an email every week!
Learn React.js from the ground up to advanced topics like performance, testing, and code quality. Start by building a real-world app in the Complete Introduction to React. Continue with Intermediate React, integrating the most popular tools from the ecosystem. Then learn performance, TypeScript, and even Next.js, the fullstack React framework!
This new version of Astro innovates in particular through the use of the new View Transition API, and the ability to navigate fluidly and animatedly from one page to another, while preserving the state of the components displayed. This reduces the need for a SPA in many use cases.
Other notable improvements include:
Image Optimization stable
Faster Rendering Performance: Astro components render 30-75% faster.
SSR Enhancements for Serverless: New ways to connect to your hosting platform.
HMR Enhancements for JSX: Fast Refresh support for React and Preact.
Optimized Build Output: Cleaner and more performant HTML.
Josh Comeau is back with a great introduction to React Server Components, taken from his course that should become available next week. The many animated diagrams make it easy to understand this new React paradigm.
🐦 Dan Abramov joins Bluesky: Dan has left Meta and joined this Twitter competitor based on a cross-platform Expo app. I think this is great news, we may have gained a great evangelist to promote cross-platform and Expo.
🧑🎓 Next.js App Router - Forms and Mutations docs: new doc page explaining the use of Server Actions and the React
📜 Parents & Owners in React: Data Flow: original interactive and visual article, explaining the problem of props drilling and how to avoid it with slotted components. Explains the concepts of parent tree and owner tree. The props drilling problem becomes clearly visible in the diagrams.
📜 Challenging Established Norms: Making Component Fetching the Exception: an interesting thought that encourages you to run your queries at route level to avoid waterfalls, and use composition to avoid props drilling.
📜 Rust Server Components: proposes to partially reproduce RSC, MDX and Suspense using Rust, HTMX and a few other libs. "the Rust equivalent of T3 Stack". Nice to read, even though I don't do Rust. Not convinced that the end result solves all the problems RSCs do.
📜 Chakra, Panda and Ark - What's the plan?: Segun answers a number of questions about his libraries. Chakra v3 arrives in Q4, but will still use Emotion. The addition of "use client" makes it easier to use in RSCs. Adoption of the Radix
📜 How to Pass a Component as a Prop in React: Matt shares some TypeScript + React typing tips. The type to implement "as" prop is quite scary 😬.
📜 Handling type-safe toast notifications with zod in Remix applications: explains how to use the Remix flash session to give feedback after an action.
If you are looking to set up a robust form management system fully integrated in your IT infrastructure that allows you to retain full control over the data flow, and you don’t want to spend months and thousands of dollars to get it up and running, then SurveyJS is the way to go!
The new version of VisionCamera has just been released. Highlights:
Full Android Camera2 rewrite
Custom GPU OpenGL Video Pipeline
New Camera Features
New Frame Processor Engine (react-native-worklets-core)
New Frame Processor Plugin API
Marc took the decision to finally remove the integration with Skia to keep the code size and complexity reasonable on VisionCamera.
In Pose Detection using VisionCamera V3, TFLite and Skia, he explains what is possible with such integration. The results are very impressive.
📜 Things to look forward to in React Native: offers a good overview of what we can expect from React-Native in the years to come. Web Conformance, Static Hermes, Node-API, React Server Components...
See ya! 👋
Did you find this article valuable?
Support Sébastien Lorber by becoming a sponsor. Any amount is appreciated!