Frontend report February 2025

hthai2201
Feb 28, 2025
  • 7

    • React

    CRA is officially dead - here's what to use now

    React finally pulled the plug on Create React App. After years without updates, CRA's strict setup and old Webpack system became a pain for developers. Try Vite for super-fast builds or Next.js if you need server rendering.

    React Context: The hidden performance problem

    That simple Context Provider might be slowing down your app. Context causes too many re-renders across your app. Break large contexts into smaller ones or try state libraries like Jotai or Zustand for better control over what updates when.

    Understanding React Server Components: Under the hood

    This guide breaks down how React Server Components actually work! Learn why they're different from regular components, how the Flight format streams data to your browser, and why the double data problem matters. Plus, see which React features work server-side and which don't.

    React Query's downsides no one talks about

    Everyone loves React Query, but it has trade-offs worth knowing. The file size is big, its approach can make code harder to follow, and its cache system adds complexity.

    Next.js

    Vercel's Fluid Compute: Making AI apps 85% cheaper

    Vercel's new feature packs multiple requests into single functions - cutting AI costs by up to 85%. Fluid Compute replaces Edge functions with full Node.js support while staying fast. It's the perfect middle ground between serverless and traditional servers.

    Build a Next.js login page with session-based authentication

    This guide shows you how to implement session-based authentication in a Next.js application, including essential aspects such as database schema design, backend security measures (password hashing and session ID verification), and frontend user interface considerations (sign-up/sign-in forms).

    Next.js 15's better error handling stops your site from crashing

    Next.js 15 gives you better control over errors with special files - error.tsx for component problems, global-error.tsx for big issues, and not-found.tsx for missing pages. ErrorBoundary components keep errors contained while the useActionState hook handles server actions smoothly.

    Others

    Double-keyed caching: The privacy update slowing down your site

    Browsers now use both URL and website to split cache storage - good for privacy, bad for speed. This security change affects CDNs, third-party resources, and shared assets. See how it impacts your site and what changes you need to make.

    Simple tricks to make your sites work for everyone

    Stop putting accessibility last. This guide gives practical tips on using proper HTML, building forms correctly (don't rely on placeholders!), and handling focus in popups. These easy changes make your site usable for everyone while helping SEO and user experience.

    Speed up your website with these simple tricks

    Optimize images, shrink code, and use Gzip to make your files smaller. Smart caching and CDNs help global users see your site faster. Use Chrome's tools to find what's slowing you down, and don't forget CSS tricks like putting critical styles directly in the HTML and using system fonts.

    Serverless is going mainstream with edge functions leading the way. WebAssembly is finding its place for speed-critical features. Microfrontends with Webpack Module Federation help big teams work better, while state management keeps moving toward smaller, focused solutions.

    What 7,800+ developers say about React in 2024

    The biggest React survey ever shows the pain points React 19 needs to fix - especially forwardRef and memo. While React itself stabilizes, the tools around it keep changing fast. TanStack Start is becoming a strong Next.js alternative with growing adoption.

    Interop 2025 makes the web better

    Interop is an annual meeting where browser makers (Chrome, Safari, Firefox, Edge) agree on which web features to make work the same across all browsers. After hitting 95% compatibility in 2024, they've picked 19 new areas to fix in 2025. Top priorities include CSS Zoom standards, WebRTC security, and mobile testing.

    Tools

    React Scan: Find slow components without changing your code

    React Scan spots React performance problems without adding any code. Unlike other tools that need special setup, React Scan visually shows problem components and suggests clear fixes - all through a simple, easy-to-use interface.

    Nue: The framework that cuts JavaScript bloat

    Tired of complex JavaScript frameworks? Nue goes back to web basics with HTML, Markdown and modern CSS. It helps designers and developers work better together while reducing technical debt.

    Standard Schema: The Zod alternative everyone's switching to

    Zod has problems: it's slow, causes TypeScript to lag, and doesn't fully follow standards. Standard Schema fixes these issues while letting you use any validator you want. No more multiple validation libraries - just one flexible system that actually performs well.

    Commentary

    Tags:
    frontendmarket-report
    sticker #2
    Subscribe to Dwarves Memo

    Receive the latest updates directly to your inbox.