Writing

  • Parents & Owners in React: Data Flow

    · Updated

    There are two, similar but different component trees in React. Being aware of this difference can help you better structure your React application.

  • An Animated Guide to Reacts Optional Parameters

    · Updated

    Reacts API includes several optional and alternative parameters which provide additional behavior like optimization or other extras that occasionally can come in useful. Let’s look at those as animated diagrams.

  • useSyncExternalStore First Look

    · Updated

    A first look at the useSyncExternalStore React hook, its rationale, its caveats and its non-library purposes.

  • React ref Callback Use Cases

    · Updated

    A ref callback is a little known feature in React, it’s a function to perform an action when React attaches or detaches a reference to a DOM element. It has a few use cases, let’s look at some.

  • (Lazy) Components Maps

    · Updated

    Cleaner conditional rendering in React by matching values using component maps, optionally, lazy-load components to make a “lazy component map”

  • Medium Reducers in React

    · Updated

    useReducer is not just for complex state-updating logic, it can be used for commonplace state updates; state updates that are not complex, and not super simple either; medium, mundane reducers.

  • Actionless and Stateless Reducers in React

    · Updated

    useReducer is not just for complex state-updating logic, it can be used for very simple state updates. One of the reducers two arguments can be ignored, making it either actionless or stateless.