Redux Saga Starter

Report Bug · Request Feature

Table of Contents

• About This Repo
• GitHub Setup
• Local Setup
• Instructions

About This Repo

🔥 We will be revising an Atomic Element application that tracks elements the user wants with React, Redux, and Redux-Saga!

Redux-Saga is a library for managing side effects in React/Redux applications. It allows writing asynchronous logic that looks like standard synchronous JavaScript, which makes it easier to read, write and test.

🔝 back to top

Github Setup

• Create Repo from Use Template:

  • Click HERE or the Use Template button in this repo to create a new repo.
  • Ensure Include all branches is left unchecked.
  • Specify your username and repo name appropriately.
  • Provide a description for the repo (optional).
  • Set the repo as Public.
  • Click Create repository.

🔝 back to top

Local Setup

• Clone your Repo:

  • Click the <> Code button in this repo and choose SSH.
  • Copy the URL. It should look something like: git@github.com:YOUR-USERNAME/YOUR-REPO-NAME.git.
  • In your terminal, navigate to the directory where you want to clone this repo.
  • Execute git clone git@github.com:YOUR-USERNAME/YOUR-REPO-NAME.git, replacing the placeholders with actual values.

• Install Node Dependencies:

  • In the terminal, navigate to the folder you cloned this repo and run the following:

    npm install

🔝 back to top

Instructions

• Start the Application:

  • In the terminal, run the following to start the server:

    npm run server

  • In a second terminal, run the following to start the client:

    npm run client

The UI should open in your default web browser to the correct URL. If not, open localhost:5173 in your web browser.

NOTE: The key combination ctrl-c will stop your server/client from running. Whichever current Node.js process is running in that terminal will stop on macOS.

Follow along with your instructor to create a splendid Atomic Element application! Happy Priming!

🔝 back to top