@mattcarrollcode.com.bsky.social
React at Meta https://mattcarrollcode.com
The in-person ticket lottery drawings begin today. Sign up for a chance to purchase tickets to attend React Conf in person:
06.06.2025 19:35 β π 9 π 2 π¬ 0 π 0
React Conf 2025 speakers: Jack Herrington, Joe Savona, Luna Wei, Lydia Hallie, Mofei Zhang, Seth Webster, and Shruti Kapoor
We're thrilled to announce that @seth.blue @shrutikapoor08.bsky.social @en-js.bsky.social @zmofei.bsky.social @lydiahallie.com @jherr.dev @lunaleaps.bsky.social will be speaking at React Conf 2025!
06.06.2025 19:35 β π 52 π 7 π¬ 1 π 0
https://conf.react.dev
React Conf is back for 2025! Join our co-hosts, Meta and @callstack.com , October 7-8 in Henderson, Nevada or join the free livestream
08.04.2025 14:35 β π 54 π 14 π¬ 2 π 1
React 19.1 has just been released! Check out the latest updates here:
github.com/facebook/rea...
Screenshot of code sample: $ parcel server.tsx // server.tsx import express from 'express'; import {renderRequest} from '@parcel/rsc/node'; import {Page} from './Page'; const app = express(); app.get('/', async (req, res) => { await renderRequest(req, res, <Page />); }); app.listen(3000); // Page.tsx "use server-entry"; export function Page() { return ( <html> <body> <h1>Hello world!</h1> <Client /> </body> </html> ); }
Happy to announce Parcel v2.14, now with support for React Server Components! π₯³
RSCs can be integrated into client-rendered apps, server rendered, or statically rendered at build time.
Also: rust MDX compiler, create-parcel CLI, new error overlay, and native import maps.
parceljs.org/blog/v2-14-0
Thanks for trying RSCs out! Its encouraging to hear you can see what we're shooting for with RSCs and appreciate the work being done to maintain composability. If you're up for a chat I'd love to hear more about how you're thinking about the tradeoffs of RSC
26.02.2025 22:14 β π 2 π 0 π¬ 1 π 0It was mostly authored by @ricky.fm
26.02.2025 22:10 β π 1 π 0 π¬ 1 π 0
There are already shared packages checked into the React codebase for Parcel, Turbopack, and others in various states of completeness.
github.com/facebook/rea...
I'm very excited about this because there is the potential for frameworks that use Vite like React Router v7 & Redwood to use the same RSC-VIte integration instead of each building their own.
20.02.2025 00:26 β π 3 π 0 π¬ 1 π 0Eventually we'd like to create the right API for RSC so any bundler/framework can implement this API and be confident it won't break.
20.02.2025 00:26 β π 1 π 0 π¬ 1 π 0In its current state, RSC involves integrating the internals of React with a bundler and/or framework. The shared package enables React to avoid breaking the bundler/framework integration.
20.02.2025 00:26 β π 4 π 0 π¬ 1 π 0
The "opinionated 'official' way to integrate with Vite" React collaboration is scoped to RSCs.
The PR is for a shared package that would support building RSC with Vite.
github.com/facebook/rea...
I don't think about this problem as hiding complexity but providing recommendation that best serves the audience. Recommending a solution that leads people down a path to yet another rewrite doesn't feel right. Ideally, everyone would understand the tradeoffs and decide for themselves
18.02.2025 21:13 β π 1 π 0 π¬ 0 π 0If you have a solution to bundling, routing, code splitting, and data fetching in a composable way that is just as good as a solution that integrates all of them, I'd genuinely love to see it. With the current landscape I think there are significant advantages to solving these problems together.
18.02.2025 21:10 β π 1 π 0 π¬ 0 π 0And what is the LLM trained on?
18.02.2025 19:50 β π 1 π 0 π¬ 1 π 0This isn't perfect and most of the folks reading this post aren't the primary audience for this page (or react.dev) because they know the tradeoffs already and can make their own, informed decision.
18.02.2025 18:02 β π 3 π 0 π¬ 1 π 0
We think there is a place to recommend Vite and that is why we created the "Build a React app from Scratch" page. We wanted to have a place to recommend build tools without leading new React users down a path we can't, in good faith, recommend react.dev/learn/build-...
18.02.2025 18:02 β π 3 π 0 π¬ 1 π 0Its hard to recommend a build tool to someone new to React knowing that they might find themselves needing a different rendering strategy (e.g. CSR, SSG, SSR) per route, with data fetching included
18.02.2025 18:02 β π 1 π 0 π¬ 1 π 0Because react.dev's audience is new users, the recommendations are also tailored to new users. We don't want to recommend a path for new user where they may have to rewrite a significant part of their app to get a feture they figure out they need down the line
18.02.2025 18:02 β π 1 π 0 π¬ 1 π 0react.dev is designed for folks who are new to React or are learning basic React concepts. While we'd love to have docs for more advanced users of React (e.g. libraries, frameworks, build tools, etc.) we don't have the resources to make that happen today.
18.02.2025 18:02 β π 7 π 0 π¬ 1 π 0Don't forget @en-js.bsky.social too!
18.02.2025 17:32 β π 2 π 0 π¬ 0 π 0
Do you recommend Vite? We provide several Vite-based recommendations. React Router v7 is a Vite based framework which allows you to use Viteβs fast development server and build tooling with a framework that provides routing and data fetching. Just like the other frameworks we recommend, you can build a SPA with React Router v7. We also recommend using Vite when adding React to an existing project, or building a framework. Just like Svelte has Sveltekit, Vue has Nuxt, and Solid has SolidStart, React recommends using a framework that integrates with build tools like Vite for new projects.
react.dev/blog/2025/02...
14.02.2025 19:14 β π 8 π 0 π¬ 1 π 3
That error does look strange. Did you manage to figure it out?
I've been working on migrating react.dev to Next 15.1 from 13.4 and besides some `eslint-disable-next-line`'s and our *unique* MDX compilation and consumption it hasn't been too bad.
github.com/reactjs/reac...
Working on adding it to the docs here: github.com/reactjs/reac...
17.12.2024 10:23 β π 1 π 0 π¬ 0 π 0I had trouble understanding this so I wrote an example of the problem as I understand it in a CodeSandbox: codesandbox.io/p/sandbox/ke...
17.12.2024 10:15 β π 2 π 0 π¬ 1 π 0
Screenshot of react.dev page for ReactDOM prerender API. Included the title text "prerender renders a React tree to a static HTML string using a Web Stream." and an outline with sections for Reference, Usage, and Troubleshooting
A new React 19 feature that might have gone unnoticed:
ReactDOMStatic.prerender(<App />)
It's like the old renderToString API, but unlike renderToString, prerender will wait for Suspense boundaries to finish before returning the HTML.
What's causing all the trouble?
12.12.2024 03:13 β π 3 π 0 π¬ 1 π 0a lot of the re-render "fixes" people are sharing have no perceivable impact other than seeing less of the highlights flashing
10.12.2024 16:22 β π 160 π 15 π¬ 15 π 3
React Complier is separate from React releases. React Complier is currently in beta. React Complier works "out of the box" with React 19 without the `react-compiler-runtime` package that is required to use React Complier on React 17 & 18
react.dev/blog/2024/10...
React v19 is now stable!
react.dev/blog/2024/12...
