|
6 | 6 | "pages": [ |
7 | 7 | { |
8 | 8 | "title":"Project Setup", |
9 | | -"description":"Welcome! In this tutorial series we'll be exploring Redux, a tool for predictably managing state in your app.\n\nWe will be making a\"Worst Pokemon\" voting app. For the app, we'll need to setup some build tools.\n\nRunning `> npm run setup` will do the following:\n\n1. Install package dev dependencies\n2. Create an output directory called\"dist\"\n3. Install\"concurrently\" &\"browser-sync\" globally\n4. Run our app in the browser\n\nYou'll find this\"setup\" script located in your *package.json*.\n\n> We'll be installing several NPM packages from terminal. You may consider installing a plugin for adding a terminal inside your editor, such as [\"platformio-ide-terminal\"](https://github.com/platformio/platformio-atom-ide-terminal).", |
| 9 | +"description":"Welcome! In this tutorial series we'll be exploring Redux, a tool for predictably managing state in your app.\n\nWe will be making a\"Worst Pokemon\" voting app. For the app, we'll need to setup some build tools.\n\nRunning `> npm run setup` will do the following:\n\n1. Install package dev dependencies\n2. Create an output directory called\"dist\"\n3. Install\"concurrently\" &\"browser-sync\" globally\n4. Run our app in the browser\n\nYou'll find this\"setup\" script located in your *package.json*.\n\nWe'll be installing several NPM packages from terminal. You may consider installing a plugin for adding a terminal inside your editor, such as [\"platformio-ide-terminal\"](https://github.com/platformio/platformio-atom-ide-terminal).", |
10 | 10 | "tasks": [ |
11 | 11 | { |
12 | 12 | "description":"Open a terminal in this project directory and run `npm run setup`. Save to continue.", |
|
36 | 36 | }, |
37 | 37 | { |
38 | 38 | "title":"The Store", |
39 | | -"description":"In Redux, the **store** is the boss. Think of the **store** as holding the\"single source of truth\" of your application data.\n\nOnce created, the **store** has several helpful methods:\n - `getState` to read the current data of your app.\n - `dispatch` to trigger actions. We'll look at actions more later.\n - `subscribe` to listen for state changes\n\n> [Learn more](http://redux.js.org/docs/basics/Store.html).\n\nLet's get started by settings up the **store** for your Redux app.", |
| 39 | +"description":"In Redux, the **store** is the boss. Think of the **store** as holding the\"single source of truth\" of your application data.\n\nOnce created, the **store** has several helpful methods:\n - `getState` to read the current data of your app.\n - `dispatch` to trigger actions. We'll look at actions more later.\n - `subscribe` to listen for state changes\n\n> [Learn more](http://redux.js.org/docs/basics/Store.html).\n\nLet's get started by settings up the **store** for your Redux app. We will be working in\"src/index.js\".", |
40 | 40 | "tasks": [ |
41 | 41 | { |
42 | 42 | "description":"install Redux as a dependency.", |
|
60 | 60 | ] |
61 | 61 | }, |
62 | 62 | { |
63 | | -"description":"createyour first store andcall it `store`. Use a simple\"reducer\" function for now, let's say `state => state`.", |
| 63 | +"description":"use `createStore` to makeyour first store. Be sure tocall it `store`. Use a simple\"reducer\" function for now, let's say `state => state`. See [docs](http://redux.js.org/docs/api/createStore.html).", |
64 | 64 | "hints": [ |
65 | 65 | "declare your store, `const store`", |
66 | 66 | "call store with a simple reducer, `const store = createStore(state => state)`" |
|
88 | 88 | ] |
89 | 89 | }, |
90 | 90 | { |
91 | | -"description":"import the newly written data in 'data.js'. Set it to a variable called\"initialState\".", |
| 91 | +"description":"import the newly written data in 'data.js'. Set it to a variable called\"initialState\". Note: due to a bug with `import`'s, use `require` for imports.", |
92 | 92 | "tests": [ |
93 | 93 | "02/06" |
94 | 94 | ], |
|
102 | 102 | { |
103 | 103 | "description":"pass in `initialState` as a second param your `createStore`", |
104 | 104 | "tests": [ |
105 | | -"02/06" |
| 105 | +"02/07" |
106 | 106 | ], |
107 | 107 | "hints": [ |
108 | 108 | "Pass in `initialState` as a second param to `createStore`" |
|