⚡️ The Latest In React 

🚧 How Microsoft Edge Is Replacing React With Web Components
Microsoft’s Edge team is ditching React UI components in favor of native web platform elements. The shift toward a “markup-first architecture” aims to cut down on JavaScript, meaning less code for browsers to process. Less bloat = faster, smoother performance for users. This change reflects Microsoft’s push for a leaner, more efficient browsing experience.

💼 Looking for your next job? Express can help (ad)
Express Employment Professionals has put more than 10 million people to work in the last 40 years. Express has a wide variety of jobs available, in all industries. With flexible schedules, competitive pay, and access to a variety of benefits, what are you waiting for? Let ExpressPros help you land your next great job today. And the best part? They don’t charge any fees to help you find one.

🤔 WTF happened to Web Components
Web dev drama is back, this time over web components. If you’re not terminally online, you might’ve missed it, but the latest debate started when the maintainer of SolidJS dropped a fiery blog post arguing that web components aren’t the future. As usual, it’s already fading out like most debates in the dev world, but this one’s unique. It touches on a real technical issue, though the noise around it makes it hard to focus on the core argument.

🦺 How React Router v7 became type-safe
This video explores how React Router v7’s addition of type-safety and type generation (typegen) improves code reliability and maintainability, making development smoother and easier to manage.

🆕 Next.js 15 RC 2: Explained
This video dives into Next.js 15 RC 2, released just before Next.js Conf. It brings @next/codemod upgrades, enhanced Server Actions security, a Static Indicator for static routes, and next/form for smoother client-side form navigation. Other highlights include TypeScript support in config files, instrumentation.js for server observability, faster builds, improved refresh, and more control over Cache-Control headers for self-hosting.

Quick Links

• React starter script with free Cloudflare CI/CD

• A lightweight, SEO-optimized React router

• How AI Could Transform the World for the Better

• Zustand v5 is here

React Folder Structure Guide 2024

In this blog post, Robin Wieruch shares his approach to organizing large React applications into folders and files. While there’s no one "correct" way, Wieruch offers insights based on his experience with personal projects, freelance work, and React workshops. His method breaks down into 5 steps, giving developers flexibility to adapt the structure to their needs.

He emphasizes how React components naturally grow more complex with added logic, hooks, event handlers, and technical concerns like styles, tests, and utilities. Wieruch discusses the pros and cons of keeping related files (like tests and styles) next to components and how naming conventions—such as test.js vs. spec.js, can vary. He also covers file extensions, like switching to .module.css for CSS modules.

This blog is a good practical guide for developers looking to keep React projects well structured and maintainable over time.

In this video, we dive into an article on React and form data from a previous edition, exploring the growing trend of embracing traditional HTML patterns within modern React apps.

As developers shift back toward native form handling behaviors, understanding how to manage form data effectively in React is more important than ever.

I hope you find it useful!