Investigating performance of Tailwind vs Linaria frameworks, with a focus on initial load and interaction performance.

• react
• performance
• css

Explore step-by-step how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React, their costs, performance impact, benefits, and trade-offs.

• react
• performance

Intro to Performance Flame Graphs. Learn how to read and extract useful info from performance flame graphs while exploring how the Client-Side rendering works in React applications.

• react
• performance

Exploring Core Web Vitals, Chrome performance panel, what initial load performance is, which metrics measure it, and how cache control and different networking conditions influence it.

• react
• performance

Exploring the impact of React Compiler on initial load and interaction performance. With numbers. Measured on a real app.

• react
• performance

Investigating whether we can forget about memoization in React, now that the React Compiler is open-sourced.

• react
• performance

Looking into what React Concurrent Rendering is, what hooks like useTransition and useDeferredValue do, what are the benefits and downsides of using them.

• react
• performance

Deep dive into closures in JavaScript and React: how they appear, why we need them, what stale closures are, and how to prevent and fix them in React

• react
• performance

Looking in detail into how React reconciliation algorithm works. Explore in the process quirks of conditional rendering, the 'key' attribute, and why we shouldn't declare components inside other components.

• react
• performance
• re-renders
• composition

How to change elements base on DOM measurements: what is the problem with useEffect, how useLayoutEffect fixes it, what is browser painting, and how SSR plays a role here

• react
• performance

Deep dive into debounce and throttle in React. What is debounce and throttle, how to use them in React properly, how to avoid breaking them when state and re-renders are involved.

• react
• performance

Deep dive into data fetching in React. What is performance, fundamental libraries-agnostic patterns and techniques, how react lifecycle and browser limitations affect data fetching and apps rendering time and order.

• react
• performance

Looking into PureComponent and the problem it solved, how it can be replaced now in the hooks & functional components world, and discovering an interesting quirk of React re-renders behavior

• react
• performance

React re-renders "cheatsheet". Short descriptions with visual aid and code examples of: what re-renders are, what triggers them, most important re-renders related patterns and antipatterns to remember.

• react
• performance
• re-renders
• composition

Looking into what is React Element, exploring various children vs parents relationship in React, and how they affect re-renders

• react
• composition
• re-renders
• performance

What is the purpose of useMemo and useCallback hooks, mistakes and best practices in using them, and why removing most of them might be a good idea.

• react
• performance
• re-renders

Looking into how React "key" attribute works, how to use it correctly, how to improve performance of lists with it, and why array index as key is a good idea sometimes

• react
• performance
• re-renders

De-mystifying Context and its influence on React apps' performance. Learning a few useful patterns in the process, that could help minimize the re-renders impact and improve code's readability and scalability.

• react
• performance

Exploring performance implications of custom React hooks and how not to shoot yourself in the foot when writing or using them.

• react
• performance
• re-renders

Looking into patterns that lead to poor performance of React apps, why they are bad, and how to recognise and avoid them.

• react
• performance
• re-renders
• composition