Pure React State Management

Here is everything you need to get rocking and rolling for the Pure React State Management course.

Install

Install these tools in your browser of choice. I'll be using Chrome during the workshop.

• React Developer Tools

Slides

You can find the slides here.

Respositories

Make sure to run npm install in each repository.

• Simple Counter
• Grudge List
• Star Wars Characters
• Awesome Unicorn Startup Sign Up

Just for Reference

• Kanbananza

APIs

We'll be using the following APIs in this workshop:

• Star Wars Characters (Source)
• Tweet Stream

Code Sandbox Example Implementations

Simple Counter: Class-Based State

• Simple Counter (boilerplate)
• Simple Counter (adds increment, decrement, and reset)
• Simple Counter (setState function and callback)
• Simple Counter (adds localStorage support, exercise starter for syncing document.title)
• Simple Counter (syncing document.title solution)

Simple Counter: Hooks State

• Simple Counter (refactor to use hooks)
• Simple Countner (set value with a function)
• Simple Countner (update document.title with useEffect)
• Simple Counter (useEffect local storage exercise)
• Simple Counter (useEffect local storage solution)
• Simple Counter (useLocalStorage custom hook)
• Simple Counter (useRef)

Other Projects

• Grudge List
• Star Wars Characters
• useAjax Hook
• Asynchronous State
• Asynchronous State (with Hooks)