- React Digest
- Posts
- Initial load performance for React developers
Initial load performance for React developers
Investigative deep dive
Initial load performance for React developers: investigative deep dive
27 minutes by Nadia Makarevich
In this article Nadia explores fundamental aspects of web performance, focusing on initial load metrics like First Paint, First Contentful Paint, and Largest Contentful Paint. It provides a detailed walkthrough of Chrome DevTools' Performance and Lighthouse panels, explaining how to measure and analyze these metrics. She also demonstrates how different network conditions, server response times, and caching strategies impact performance, emphasizing the importance of CDNs and proper cache-control headers for optimizing load times.
Tests are dead. Meticulous AI is here.
sponsored by Meticulous
Meticulous AI is a tool which automatically creates and maintains a continuously evolving e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Backed by CTO of GitHub, Guillermo Rauch (next.js author), yc and others, it's built from the Chromium level up with a deterministic scheduling engine – making it the only testing tool that eliminates flakes.
What You Need to Know About View Transitions in React
4 minutes by João Victor Vogler
Have you heard the news? React is about to officially support View Transitions! In this article João discusses React's support for the View Transitions API, a new browser feature that enables smooth animated transitions between website views, pages, and DOM states.
What’s Next for Modern React Web Development?
4 minutes by Adhithi Ravichandran
In this article Adhithi introduces several significant improvements to modern web development, including enhanced React Server Components for efficient server-side rendering, stable Turbopack for faster development experience, built-in AI integration capabilities, and improved caching mechanisms. These advancements represent a significant step forward in making web development more efficient and future-proof.
LangChain: Streaming in JavaScript with React.js & Next.js
2 minutes by Robin Wieruch
In this tutorial Robin demonstrates how to implement streaming responses in a chatbot application using LangChain with JavaScript, Next.js, and OpenAI. It covers modifying both frontend and backend code to handle real-time message streaming, using TextDecoderStream for processing streamed responses, and implementing a chat interface that displays messages as they arrive from the API.
Why Server Functions Matter In A Server Component World
7 minutes by Brenley Dueck
In this article Brenley explores Tanstack Start, a new React framework that introduces server functions as an alternative to server components and server actions. Tanstack Start adopts a client-by-default architecture where server functions can be used for both data fetching and mutations.
And React Native 0.77 was released.
webdev
javascript
And the most popular article from the last issue:
how did you like this issue? |