Dwarves
Memo
Type ESC to close search bar
    Properties
  • Created: Sep 9, 2024
  • Updated: Sep 9, 2024
  • Author: mashiro5951
  • Co-author:
  • Tags: frontendmarket report
    • Location
  • Folder: playground/01_literature/engineering/frontend
    • Stats
  • Words: 786
  • Characters: 12625
  • Without Spaces: 4462
  • Blocks: 15
  • Est reading Time: 4m 0s

Frontend Report August 2024

A comprehensive August 2024 update on key advancements in React 19, Next.js 15, and web development tools. Highlights include new async transitions, server components, SSR performance comparisons, and emerging technologies in the web development landscape.

React

React 19 RC: Async Transitions, Server Components, and Optimistic Updates

React 19 introduces async transitions through Actions, improved error handling for hydration, and new hooks like useOptimistic for managing state. It enhances support for Server Components, integrates async scripts and resource preloading, and offers better tools for managing form submissions.

An SSR Performance Showdown

This article compares the Server-Side Rendering (SSR) performance of major frontend libraries, including React, Vue, Svelte, Solid, and Preact, using Fastify. Vue led in performance, closely followed by Svelte and Solid, with React and Preact falling behind.

Essential React Libraries for 2024

A handy guide to the best React libraries you should consider in 2024. It covers everything from state management tools like Zustand, to UI components like Tailwind CSS, and data-fetching libraries like TanStack Query. It’s all about streamlining your development and optimize performance with the latest trends in React.

Next.js

Next.js 15 RC - Now Supporting React 19 RC

Next.js 15 brings support for React 19 RC, along with better hydration error handling, caching improvements, and experimental features like the React Compiler and Partial Prerendering, allowing for incremental static and dynamic rendering.

Build Anything with v0 (3D Games, Interactive Apps)

A quick introduction to the new version of V0, showcasing its ability to create interactive apps and games.

Others

State of CSS 2024 Is Now Open!

Want to calculate a square root or cosine in your CSS? Use that to build scroll-triggered animations? And maybe scope all of it down so it doesn’t have any unwanted effects? Now you can do all that, and much more! This is an interesting survey to share your experiences and thoughts on the current trends in CSS.

JS Dates Are About to Be Fixed

The Temporal proposal promises to simplify time zone handling, fix issues with UTC and local times, and add features like daylight saving time management and easy date comparisons.

MUI v6 Is Out!

MUI v6 introduces CSS theme variables, container queries, and performance improvements. The update reduces package size, stabilizes Grid v2, and introduces experimental features like Pigment CSS and React Server Components, fully compatible with React 19.

Top Programming Languages 2024: Typescript and Rust on the Rise

Python reigns in AI and education, while SQL remains crucial for employers. Typescript’s static typing increases reliability, and Rust’s memory safety gains it a solid following. Meanwhile, C is declining, but legacy languages like Fortran and Cobol persist in niche areas.

e18e: Improving JS Performance One Package at a Time

e18e is a community project focused on cleaning up outdated dependencies, speeding up widely-used JavaScript packages, and leveling up the ecosystem with modern alternatives.

Introducing InformAI: Let Your LLMs See What Your Users See

InformAI allows developers to expose UI and component data to large language models (LLMs) with a few lines of code, enabling smarter AI responses based on app state.

New Tools

Waku: Making React Development Fun Again

Waku offers a lightweight, fun alternative for React development in the server components era.

Formity: Build Complex, Multi-Step Forms with JSON

Formity makes building dynamic, customizable forms easy by defining them with JSON. It simplifies complex form development with conditions, loops, variables, and operators.

Rspack 1.0: A High-Performance JavaScript Bundler

Rspack 1.0, built in Rust, delivers significant performance improvements over webpack, offering compatibility with its ecosystem while being up to 10 times faster. It introduces key features such as better bundle size optimization, support for Module Federation 2.0, and stable APIs, with growing adoption from enterprises like ByteDance, Microsoft, and Amazon.

Commentary