22posts
Beyond the chat widget: how to connect an LLM to React, Vue or Svelte components with Vercel AI SDK, let the AI take actions, generate UI in real time and keep the user in control.
What the European Accessibility Act requires, who must comply, penalties, and how to make a site WCAG 2.2 compliant: keyboard, contrast, screen readers, ARIA and testing.
Why React 19 now warns when key ends up inside a spread props object, and how to destructure it out explicitly to fix it.
How to secure Server Actions and React Server Components: implicit endpoints, input validation, authorization, environment variables, taint APIs, and recent CVEs.
A practical guide to Vitest: installation, configuration, testing React 19 components (including useActionState), mocking with vi, coverage, and a comparison with Jest and node:test.
The three real causes of hydration errors in SSR React apps, how to read React's dev diff, and when suppressHydrationWarning is actually the right call.
shadcn/ui isn't a component library like the others: you don't install it, you copy it. How the CLI works, what Radix UI and Tailwind do under the hood, and when it's actually worth using.
What this warning means, the two patterns that trigger it (derived state, callback refs), and how to move the update out of the render phase.
Why React throws 'Too many re-renders. React limits the number of renders...' and the two most common causes: setState in the render body and unstable effect dependencies.
Why JSX won't render an object directly, the three real-world cases that trigger it (Date, error objects, Map/Set), and how to fix each one.
Server Components vs Client Components, the 'use client' and 'use server' directives, what runs where, and how they pair with Suspense and use().
React 19's new use() API overlaps with useContext but breaks the Rules of Hooks on purpose. Here's how they differ, with examples for context and promises.
route.lazy in React Router blocks the URL/Outlet swap until the chunk is ready: why it happens, and how Component: lazy(...) gets an immediate swap.
A React Compiler bug where one component bails out of memoization while its sibling silently gets memoized, freezing UI fed by a stable object reference. Root cause and fix.
What the React Compiler actually does, when useMemo and useCallback become unnecessary, and why the Rules of React matter more than before.
Let's look at a few examples of how React 19's new useActionState and useFormStatus hooks work
How Error Boundaries work in React: components that catch errors from their children to improve your app's stability and reliability.
How to correctly handle event handlers in React, including events on window like resize and scroll, avoiding the most common mistakes.
A practical guide to React's useReducer hook: how it works, when to prefer it over useState, and a complete example for managing complex state.
How the useContext hook works in React to share data between components without props drilling, with a practical step-by-step example.
The most common mistakes to avoid when using React hooks: conditional calls, order, nested functions, and how to recognize them.
How to combine useContext and useState in React to share state and its update function between components, with a live example.