Dwarves
Memo
Type ESC to close search bar
    Properties
  • Created: Oct 5, 2024
  • Author: mashiro5951
  • Tags: frontendmarket report
    • Location
  • Folder: playground/frontend/report
    • Stats
  • Words: 695
  • Characters: 11842
  • Without Spaces: 3950
  • Blocks: 15
  • Est reading Time: 10m 0s

Frontend Report September 2024

This roundup covers the latest in React, Next.js, and web development. React Server Actions are now Server Functions, and there’s a deep dive into the React 19 compiler. In Next.js news, OpenNext is enabling self-hosting, and there’s fresh guidance on Progressive Web Apps. Plus, explore tips on lazy loading, CSS Grid, and JavaScript’s evolution.

React

Server Functions are Here! (They Used to be Server Actions)

React’s Server Actions got a name change! Now they’re Server Functions, and they’re not just for mutations anymore.

How to Use React Compiler – A Complete Guide

The buzz around React 19’s compiler is real. This comprehensive guide walks you through everything you need to know to harness its power.

SPA Lazy Loading: Watch Out for These Pitfalls

Lazy loading with React Router can be tricky. Avoid common pitfalls by understanding how to structure your loader functions for optimal performance.

Next.js

ChatGPT Ditches Next.js, Embraces Remix: What’s the Deal?

OpenAI’s ChatGPT has made a switch from Next.js to Remix. We’re breaking down the possible reasons behind this intriguing move.

OpenNext: Sharing is Caring for Next.js Apps

Next.js, unlike Remix, Astro, or the other modern frontends, doesn’t have a way to self-host across different platforms. OpenNext is on a mission to make self-hosting Next.js apps a reality across different platforms. No more vendor lock-in!

Next.js Goes PWA

Progressive Web Applications (PWAs) offer the reach and accessibility of web applications combined with the features and user experience of native mobile apps. The new Next.js docs now make it easier than ever.

Others

Easy RAG for TypeScript and React Apps

This article walks through setting up the necessary architecture and TypeScript types to efficiently integrate Retrieval-Augmented Generation (RAG) in TypeScript and React apps.

Replacing React code with CSS :has selector

See real-world React examples where CSS :has steals the show! From handling focus to jazzing up tables, it’s all here.

Is ES5 Still Relevant? A Look at JavaScript’s Evolution

This Google engineer challenges the norm: Do we really need to transpile to ES5 anymore?

Open Letter to Oracle: It’s Time to Free JavaScript!

Prominent figures in the JavaScript world are calling on Oracle to release the “JavaScript” trademark: You have long ago abandoned the JavaScript trademark, and it is causing widespread, unwarranted confusion and disruption.

Bytes #323 - Hono: The Next Big Thing in Web Frameworks?

Discover why it’s causing a stir in the JavaScript world. Think blazing-fast speeds and effortless full-stack development. And some other cool bits.

New Tools

Meet Conform: The Type-Safe Form Validation Library

Conform is a type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.

NewDevTools: Your Daily Dose of Developer Goodies

Discover new developer tools & services daily with NewDevTools. Updated daily!

Bulletproof React - A simple, scalable, and powerful architecture for building production ready React applications

This is not supposed to be a template, boilerplate or a framework, but more of an opinionated guide, showcasing solving most of the real-world problems of an application in a practical way and help developers write better applications.

Commentary