React Redux workshop with PokéAPI

This workshop uses the PokéAPI to create an example React/Redux application.

How to follow this workshop

Follow the step markdown files in the docs folder, starting with docs/step1

The final application code is already present in the src/ directory.

You can run the application to view the final project in your local browser, or view it deployed on Netlify.

Once you are ready to begin, delete the src directory files and follow the steps in the docs folder.

Setup

Make sure Node is installed. Node: version 15.13.0

Installing Node on Mac

You can use the Homebrew package manager to install Node:

brew install [email protected]

Installing Node on Windows

Use the Windows Installer from the Node website.

Running the application

1. Install the node modules:

npm install

2. Run the application

npm run start

3. Navigate to localhost:3000 in your browser.

Recommended Learning Resources

• Egghead.io The Beginners Guide to React
• Egghead.io Fundamentals of Redux Course from Dan Abramov

Advanced Learning Resources

• Egghead.io Redux with React Hooks

React File Structure

• React Docs
• Atomic Design

React Router

• Quick Start

Redux

• Redux Async Logic
• Redux Promise Middleware

Other Resources

• Responsive Layouts Using CSS Grid