Frontend Report October 2024
This month’s newsletter highlights key advancements in web development, including React’s new compiler beta and top updates from Next.js Conf 2024, featuring optimizations like Edge Functions and React Server Components. Industry trends show a shift toward full-stack roles, modern CSS standards, and rising demand for engineering talent. AI-driven tools like GitHub Copilot and Project IDX continue advancing development workflows.
React
React Compiler Beta Release
React’s new compiler, in beta, introduces optimizations that minimize re-renders and improve code-splitting, enhancing performance, especially for larger applications.
The Interactive Guide to Rendering in React
Discover why React components render, what triggers re-renders, and how to optimize them for better app performance. Perfect for new developers looking to understand React’s rendering process.
Quick Links
- React Folder Structure in 5 Steps
- React Native Storybook 8
- Conditional React hooks pattern
- Tailwind CSS Group Modifier to Prevent React Rerenders
Next.js
Key Highlights from Next.js Conf 2024: What You Missed
Get the highlights from Next.js Conf 2024, featuring exciting updates on React Server Components, Edge Functions, and the new Next.js features that are shaping modern web development.
Quick Links
- Server Side State management in NextJS: a deep dive into React Cache
- How to Build and Deploy a Headless WordPress with Next.js
- Managing Advanced Search Param Filtering in the Next.js App Router
Others
State of Frontend 2024 - The Rise of Full-stack development
Full-stack developers now outnumber senior frontend roles, with performance as a top challenge prompting simpler applications. Nearly 69% of companies plan to integrate AI for developer support, and remote work remains popular.
State of CSS 2024 - Embracing ‘New CSS’ with Advanced Features and Enhanced Browser Support
The report highlights a pivotal shift from traditional CSS practices to “New CSS,” characterized by the adoption of advanced features like sub-grid, variables, and container queries.
State of Engineering Market 2024 - The growth resumes
The report highlights resilient demand for software engineers, with growth in remote work and a broadening search for talent beyond traditional tech hubs. Key areas include AI, machine learning, and cybersecurity.
Quick Links
- The New Architecture in React Native
- Content-Aware Components Using CSS :has(), Grid, and Quantity Queries
- Unleash the Power of Scroll-Driven Animations
- The most effective ways to improve Core Web Vitals
- How We Shrunk Our Git Repo Size by 94%
- Fixing your website’s JavaScript performance
Trending
Enhance Your Code Reviews with GitHub Copilot Workspace (Public Preview)
GitHub Copilot Workspace now offers tools to refine and validate code review suggestions, enabling a smoother and more efficient review process with AI-driven insights.
How Vercel adopted microfrontends
Learn how Vercel cut build times and improved developer velocity while maintaining a smooth user experience with microfrontends.
New Tools
TanStack Start - Full-stack React framework
Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router, Vinxi, and Vite.
Project IDX - Building apps in the cloud
Project IDX simplifies the process of setting up and managing a monolithic tech stack, integrating services from database to authentication. It aims to streamline the deployment and maintenance of cohesive, scalable applications.
OneStack - When creating websites and apps is too complex
One is a new React framework for web and native, built on Vite. It simplifies things with universal, typed routing seamlessly across static, server, and client pages
Quick Links
- Motion Canvas - A TypeScript library for creating animated videos using the Canvas API
- Deno 2: New Features and Enhancements
- Nuqs: Lightweight Data Fetching for React