└── README.md


/README.md:
--------------------------------------------------------------------------------
 1 | # Pure React State Management
 2 | 
 3 | Here is everything you need to get rocking and rolling for the Pure React State Management course.
 4 | 
 5 | ## Install
 6 | 
 7 | Install these tools in your browser of choice. I'll be using Chrome during the workshop.
 8 | 
 9 | - [React Developer Tools](https://github.com/facebook/react-devtools)
10 | 
11 | ## Slides
12 | 
13 | You can find the slides [here](https://speakerdeck.com/stevekinney/react-state).
14 | 
15 | ## Respositories
16 | 
17 | Make sure to run `npm install` in each repository.
18 | 
19 | - [Simple Counter](https://github.com/stevekinney/simple-counter-react-state)
20 | - [Grudge List](https://github.com/stevekinney/grudges-react-state)
21 | - [Star Wars Characters](https://github.com/stevekinney/star-wars-characters-react-state)
22 | - [Awesome Unicorn Startup Sign Up](https://github.com/stevekinney/user-signup-react-state)
23 | 
24 | ### Just for Reference
25 | 
26 | - [Kanbananza](https://github.com/stevekinney/kanbananza-react-state)
27 | 
28 | ## APIs
29 | 
30 | We'll be using the following APIs in this workshop:
31 | 
32 | - [Star Wars Characters](https://star-was-character-search.glitch.me/) ([Source](https://glitch.com/~star-was-character-search))
33 | - [Tweet Stream](https://tweet-stream.glitch.me/)
34 | 
35 | ## Code Sandbox Example Implementations
36 | 
37 | ### Simple Counter: Class-Based State
38 | 
39 | - [Simple Counter (boilerplate)](https://codesandbox.io/s/github/stevekinney/simple-counter-react-state/blob/master?module=%2Fsrc%2FCounter.js)
40 | - [Simple Counter (adds increment, decrement, and reset)](https://codesandbox.io/s/simple-counter-adds-increment-decrement-reset-rlrc3?module=%2Fsrc%2FCounter.js)
41 | - [Simple Counter (setState function and callback)](https://codesandbox.io/s/simple-counter-setstate-function-and-callback-irm1x?module=%2Fsrc%2FCounter.js)
42 | - [Simple Counter (adds localStorage support, exercise starter for syncing document.title)](https://codesandbox.io/s/simple-counter-adds-localstorage-support-exercise-starter-for-syncing-documenttitle-wxubb?module=%2Fsrc%2FCounter.js)
43 | - [Simple Counter (syncing document.title solution)](https://codesandbox.io/s/simple-counter-syncing-documenttitle-solution-in6r9?module=%2Fsrc%2FCounter.js)
44 | 
45 | ### Simple Counter: Hooks State
46 | 
47 | - [Simple Counter (refactor to use hooks)](https://codesandbox.io/s/simple-counter-refactored-to-use-hooks-ndwcr?module=%2Fsrc%2FCounter.js)
48 | - [Simple Countner (set value with a function)](https://codesandbox.io/s/simple-counter-set-value-with-a-function-gxshy?module=%2Fsrc%2FCounter.js)
49 | - [Simple Countner (update document.title with useEffect)](https://codesandbox.io/s/simple-counter-update-documenttitle-with-useeffect-hjedr?module=%2Fsrc%2FCounter.js)
50 | - [Simple Counter (useEffect local storage exercise)](https://codesandbox.io/s/simple-counter-useeffect-local-storage-exercise-64x3e?module=%2Fsrc%2FCounter.js)
51 | - [Simple Counter (useEffect local storage solution)](https://codesandbox.io/s/simple-counter-useeffect-local-storage-solution-m854x?module=%2Fsrc%2FCounter.js)
52 | - [Simple Counter (useLocalStorage custom hook)](https://codesandbox.io/s/simple-counter-uselocalstorage-custom-hook-hxvnm?module=%2Fsrc%2FCounter.js)
53 | - [Simple Counter (useRef)](https://codesandbox.io/s/simple-counter-useref-x7x8p?module=%2Fsrc%2FCounter.js)
54 | 
55 | ### Other Projects
56 | 
57 | - [Grudge List](https://codesandbox.io/s/github/stevekinney/grudges-react-state)
58 | - [Star Wars Characters](https://codesandbox.io/s/github/stevekinney/star-wars-characters-react-state)
59 | - [useAjax Hook](https://codesandbox.io/s/29vhg)
60 | - [Asynchronous State](https://codesandbox.io/s/6z2rkmx6k)
61 | - [Asynchronous State (with Hooks)](https://codesandbox.io/s/zx54l1kzpl)
62 | 


--------------------------------------------------------------------------------