#422 — March 26, 2025 |
|
|
|
Gemini: Google's AI App Adds 'Canvas' Mode for React Devs — Gemini is essentially Google’s answer to ChatGPT and now has a developer ‘canvas’ mode which can be used to create, iterate, and preview React and HTML code right in the browser. It’s free at a basic level, too, so if you have a Google account, you should get straight in. Google Gemini |
Master Chrome's DevTools — Join Jon Kuperman for this video course diving into Chrome's DevTools. You'll go beyond console.log(), learning how to inspect, debug, and audit your web apps — tracking performance, identifying bottlenecks, making performance gains, and more. Level up your DevTools skills. Frontend Masters sponsor |
|
Next.js 15.2.3 Released Due to Security Vulnerability — This past weekend, a new version of Next.js was released to resolve a serious security vulnerability, which could allow the skipping of middleware (including that used for authentication). Self-hosted Next.js deployments need to be upgraded immediately. The news led to a lot of responses from extensive HN threads to deep dives into the vulnerability, and criticism of how it was all handled. Lee Robinson (Vercel) |
💡 Vercel also followed up with a postmortem on the middleware bypass, what they did, and what they're planning to do next. |
|
IN BRIEF:
|
|
▶ React Query API Design: Lessons Learned — You might know Dominik for all his work on React Query, TanStack Router, and his epic React Query - The Bad Parts series. Here, he walks us through the design choices made while building React Query and shares lessons and mistakes valuable to anyone building their own libraries. (30 minutes.) Dominik Dorfmeister (TkDodo) |
💡 This is just one of eighteen talks shared from last week's React Paris event if you'd like to dig deeper. |
|
Deploying a Next.js App to Production on Any Server — A popular article from last year that’s been updated for 2025 and Next.js 15. Kamrannetic |
|
Find. Fix. Test: An Intro to App Monitoring with Sentry — Code-level visibility, from pre- to post-release, lets devs find and fix errors and slowdowns and deploy with confidence. Sentry sponsor |
|
📄 You Should Know This Before Choosing Next.js Eduardo Bouças 📺 React Server Components: Elevating Speed, Interactivity, and User Experience Aurora Scharff 📺 Build Your Own Learning Management System with React Native Simon Grimm |
🛠 Code, Tools & Libraries |
|
|
json-edit-react: Component to Edit and View JSON/Object Data — An elegant, well presented component to take a JavaScript object, complete with nested objects, and show off the values, as well as allowing users to edit them. Has a neat demo on the homepage showing how flexible it is. GitHub repo. Carl Smith |
|
React Cookie Manager: A Customizable Component for Cookie Consent — A well-documented solution that will automatically block tracking if necessary and can easily be customized. You can try the live demo here, which is also an interactive page demonstrating its features. hypership |
|
react-anchorme 5.0: Links Up URLs and Emails in Text — A component that uses Anchorme.js to detect linkable elements in text and create the links for them. Now supports React 19. Pavel Potáček |
|
|
📢 Elsewhere in JavaScript |
|
A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:
|