adro.codes home pagelight logodark logo
    Home
    The Knowledge Vault
    Software Design
    Pigeon
  • Papers
  • Github
  • The Vault
    • Overview
    • Building forms in React
    • Architecture definition for a button component
    • Change your document title when a user changes tabs
    • Creating a chrome extension with React
    • Dynamic Nextjs preview mode
    • 11 Unit test rules
    • Gamification
    • Layered Error Handling
    • Using the Pub/Sub pattern in a Micro Frontend
    • PWA - FetchEvent.respondWith error on Safari
    • React - Micro Contexts
    • Applying Recursion when rendering in React
    • Response validation with Yup
    The Vault

    Overview

    Articles on how to build better software with interesting patterns and techniques.

    When I get around to it I write about different patterns for building software, primarily in the context of web applications.

    If you’re looking for smaller snippets of information, check out my “Tiny tips/tricks” series.

    ​
    Here are some of my favourite posts

    Micro Context

    Simplify rendering by using Context to your advantage.

    Response Validation with Yup

    Validate API data instead of trusting TypeScript.

    Pub/Sub & Micro Frontends

    Use native browser events to sync state across JavaScript frameworks.

    Button Component Architecture

    Build buttons that are easy to use and easy to maintain.

    Building forms in React
    github
    Powered by Mintlify
    On this page
    • Here are some of my favourite posts
    Assistant
    Responses are generated using AI and may contain mistakes.