React

React

Hub Category

Articles and tutorials on building modern web interfaces using React — from components and hooks to performance optimization and architecture.

Featured Articles

Series in this Category

React Forms & Validation: Complete Guide

Build production forms in React and Next.js: React Hook Form, Zod validation, useActionState, Server Actions, multi-step wizards, and debugging patterns.

0 Articles
28 days ago

All Articles in this Hub

Horizontal developer blog illustration showing chat based email sending through a custom MCP server with ChatGPT, Claude, email marketing, and server icons on a clean dark background.
React
Send Emails from MCP with React Email & Brevo — Guide

Learn how to send emails from MCP using React Email and Brevo: render Markdown to HTML, build reusable templates, and deliver personalized transactional…

Matija Žiberna
Matija Žiberna
nextjs-vulnability
React
Next.js, React RCE, and the npm Breach: A Developer's Week of Realising How Fragile Our Tooling Really Is

A developer's take on JavaScript supply chain security after the npm breach and React RCE — pragmatic steps (pnpm, frozen deps, CI checks) to reduce risk.

Matija Žiberna
Matija Žiberna
React
Block Component Templates: Quick Reference & Checklists

Block component templates with ready-to-use TypeScript + React snippets, example data, and checklists to speed block and collection development—grab, adapt…

Matija Žiberna
Matija Žiberna
React
3 Proven Practices: Lucide React Icons & shadcn/ui

Learn how Lucide React icons, shadcn/ui components, and a reusable CTA type prevent duplication, ensure consistent UI, and make global updates trivial for…

Matija Žiberna
Matija Žiberna
Master self-adjusting card hover effects with CSS transitions in React. No hardcoding, just smooth animations.
React
Create a Dynamic Card Hover Effect in React

Learn how to create a self-adjusting card hover effect in React that adapts to any content length automatically.

Matija Žiberna
Matija Žiberna
Build a reusable signature capture flow with validation and persistence using React Hook Form and Zustand.
React
Capture Signatures in React with React Signature Canvas

Learn how to implement a legal signature capture flow in React using react-signature-canvas, including validation and data persistence strategies.

Matija Žiberna
Matija Žiberna
mediarecorder api opus
React
How to Implement MediaRecorder API Audio Recording and Transcription with iPhone Safari Support

Build a robust audio recording and transcription pipeline that works on iPhone Safari using MediaRecorder format detection, proper uploads, and Google Speech-to-Text.

Matija Žiberna
Matija Žiberna
react hook form and reac 19
React
The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue
Matija Žiberna
Matija Žiberna
form error
React
How To Debug React Hook Form Errors: Use Simple useEffect
Matija Žiberna
Matija Žiberna
old casette
React
How to Build a Long Audio Transcription Tool with OpenAI's Whisper API (Python)
Matija Žiberna
Matija Žiberna
demonstration of skincare routine builder build by this guide
React
React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn
Matija Žiberna
Matija Žiberna
kid playing baseball on the beach
React
How to Pass Initial Props to Zustand State Without Losing Your Mind
Matija Žiberna
Matija Žiberna
Boxes microservices
React
How to Deploy a Vite-React App on Vercel and Connect to an External API Server
Matija Žiberna
Matija Žiberna

Related Categories

Next.js

Next.js

Learn everything about Next.js, the leading React framework for building production-ready web apps.

Stay Updated
Get the latest updates on my projects and coding journey.