• Home
BuildWithMatija
Get In Touch
Build With Matija Logo

Build with Matija

Matija Žiberna

I turn scattered business knowledge into one usable system. End-to-end system architecture, AI integration, and development.

Quick Links

Payload CMS Websites
  • Bespoke AI Applications
  • Projects
  • How I Work
  • Blog

    • Payload CMS

    • Migration
    • Pricing

    Get in Touch

    Have a project in mind? Let's discuss how we can help your business grow.

    Contact me →
    © 2026BuildWithMatija•Principal-led system architecture•All rights reserved
    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

    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

    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
    2 months ago

    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
    about 1 month 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.

    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
    3 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
    3 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
    4 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
    4 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
    4 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
    4 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
    6 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
    11 months ago
    form error
    React
    How To Debug React Hook Form Errors: Use Simple useEffect
    Matija Žiberna
    Matija Žiberna
    12 months 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