Use Redux to Manage Authenticated State in a React App

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • create-react-app

    Set up a modern web app by running one command.

    We'll get started with the built-in React template for Create React App that uses Redux and TypeScript. This includes the recommended Redux Toolkit and Redux's integration with React components. You can also clone the GitHub repo and follow the instructions there to configure it instead of building the project.

  • okta-react-typescript-redux-example

    Sample application demonstrating using Redux to manage authenticated state in React app with TypeScript

    We'll get started with the built-in React template for Create React App that uses Redux and TypeScript. This includes the recommended Redux Toolkit and Redux's integration with React components. You can also clone the GitHub repo and follow the instructions there to configure it instead of building the project.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • redux-thunk

    Thunk middleware for Redux

    Use async logic with Redux "thunk" middleware for handling things like login, data fetching, and handling loading state.

  • redux

    A JS library for predictable global state management

    This walkthrough will get you started with a basic setup using Okta's redirect model to manage authenticated state and user profile information within a React app. It provides examples on when to use Redux versus local state using React's useState hook versus React Context.

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