Data Flow In React

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • OPS - Build and Run Open Source Unikernels
  • SonarQube - Static code analysis for 29 languages.
  • GitHub repo redux

    Predictable state container for JavaScript apps

    For this code snippet, redux, react-redux, redux-logger were installed.

  • GitHub repo react-redux

    Official React bindings for Redux

    For this code snippet, redux, react-redux, redux-logger were installed.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo redux-logger

    Logger for Redux

    For this code snippet, redux, react-redux, redux-logger were installed.

  • GitHub repo reselect

    Selector library for Redux

    Given we have installed a logging library in our app, we can view from our console State is Being Updated from Screen Three regardless of where state got updated. This behaviour of the state always been updated can really slow down the app. To mitigate this, the state should be memoized. With memoization, only the component where state changed will get re-rendered. To memoize out react state, we use a library called reselect. This code snippet shows a simple reselect setup:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts