BuildWithMatija
Get In Touch
Build with Matija logo

Build with Matija

Modern websites, content systems, and AI workflows built for long-term growth.

Services

  • Headless CMS Websites
  • Next.js & Headless CMS Advisory
  • AI Systems & Automation
  • Website & Content Audit

Resources

  • Case Studies
  • How I Work
  • Blog
  • CMS Hub
  • E-commerce Hub
  • Dashboard

Headless CMS

  • Payload CMS Developer
  • CMS Migration
  • Payload vs Sanity
  • Payload vs WordPress
  • Payload vs Contentful

Get in Touch

Ready to modernize your stack? Let's talk about what you're building.

Book a discovery callContact me →
© 2026Build with Matija•All rights reserved•Privacy Policy•Terms of Service
  1. Home
  3. Blog
  5. React
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

React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn

React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn

Complete guide to building production-ready React multi-step forms with validation, state management, and conditional logic

Matija Žiberna
Matija Žiberna
•6th February 2025
Read more
The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue

The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue

All Articles in this Hub

Step-by-step React guide to a pinned, production-ready GSAP ScrollTrigger timeline with pixel-perfect positioning and…
React
Build a Scroll-Driven Timeline with GSAP ScrollTrigger

Learn to build a production-ready scroll-driven timeline using GSAP ScrollTrigger and React—pin sections, sync multi-layer animations, ensure pixel-perfect…

Matija Žiberna
Matija Žiberna
3 months ago
  • Previous
  • 1
  • 2
  • Next
Page 1 of 2

Related Categories

Next.js

Next.js

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

Newsletter

Stay Updated

Get practical notes and implementation updates without the noise.

That toggle that worked perfectly in React 18 now does nothing when clicked? You're not alone—and the fix isn't in any migration guide.

Matija Žiberna
Matija Žiberna
•15th April 2025
Read more
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
4 months ago
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
5 months ago
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
5 months ago
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
5 months ago
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
6 months ago
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
6 months ago
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
8 months ago
react hook form and reac 19
React
The Invisible Form Bug: React 19 + React Hook Form's Hidden Compatibility Issue
Matija Žiberna
Matija Žiberna
about 1 year ago
form error
React
How To Debug React Hook Form Errors: Use Simple useEffect
Matija Žiberna
Matija Žiberna
about 1 year ago
old casette
React
How to Build a Long Audio Transcription Tool with OpenAI's Whisper API (Python)
Matija Žiberna
Matija Žiberna
about 1 year ago
demonstration of skincare routine builder build by this guide
React
React Hook Form Multi-Step Tutorial: Zustand + Zod + Shadcn
Matija Žiberna
Matija Žiberna
about 1 year ago