React TL;DR – a human filter for most useful React content.

  • Mariusz Marcak

    A Critique of React Hooks

    “If I were starting a new react project today I would still use them despite all these flaws. However, that doesn’t make them ...

    A Critique of React Hooks
  • Mariusz Marcak

    react-cool-portal

    This is a React hook for Portals. It helps you render children into a DOM node that exists outside the DOM hierarchy of ...

    react-cool-portal
  • Mariusz Marcak

    usePlacesAutocomplete

    A React hook for Google Maps Places Autocomplete: 🧠 Provide intelligent places suggestions powered by Google Maps Places API. 🎣 Build your own ...

    usePlacesAutocomplete
  • Mariusz Marcak

    useEffect(fn, []) is not the new componentDidMount()

    They’re actually mechanically different, so you might not get what you expect if consider them the same (which we talk about below). Thinking ...

    useEffect(fn, []) is not the new componentDidMount()
  • Mariusz Marcak

    react-micro-reducer

    A React reducer hook, with a “micro”-reducer style, made for a Typescript world Split your reducer into micro reducers based on actions, and ...

    react-micro-reducer
  • Mariusz Marcak

    React Query

    React Query – Hooks for fetching, caching and updating asynchronous data in React.     Quick Features Transport, protocol & backend agnostic data ...

    React Query
  • Mariusz Marcak

    SWR: React Hooks for Remote Data Fetching

    SWR is a React Hooks library for remote data fetching.     Some interesting features: When you re-focus a page or switch between ...

    The name “SWR” is derived ...

    SWR: React Hooks for Remote Data Fetching
  • Mariusz Marcak

    useEffect vs useLayoutEffect

    useLayoutEffect: If you need to mutate the DOM and/or DO need to perform measurements useEffect: If you don’t need to interact with the ...

    useEffect vs useLayoutEffect
  • Mariusz Marcak

    Refactoring a Complex React Component — 5 Best Practices to Write Efficient and Readable Components

    Prefer functional components with React Hooks DRY – Try to extract common things into another small functions (components) Shorten the names and destruct ...

    Refactoring a Complex React Component — 5 Best Practices to Write Efficient and Readable Components
  • Mariusz Marcak

    Announcing React Navigation 5.0

    React Navigation 5.0 now has:   a new dynamic component based API Hooks first API Updating options from component First-class types with TypeScript ...

    Announcing React Navigation 5.0