Redux in React

* Create React App * index.js * redux folder * actions (with index.js inside) * reducers (with index.js inside) * install redux and react-redux * Add Provider * Wrap with component * import { createStore } from redux * Create a store REDUCERS Create reducers like normal and export ACTIONS Create actions like normal and export each

Intro To React Router

What is a SPA? React Router is an excellent tool we can use to help us easily turn our React applications into Single Page Applications (SPAs). In the early days of the web, when you had multiple HTML pages to your web site, you needed to create a new HTML

Random Color Component

Create a component that uses axios to GET a random color from the random color API and sets that component's background color to that random color. https://www.colr.org/json/color/random?timestamp=${new Date().getTime()}

Name Entry

Build a simple react app with an input box, an

, a button, and an ordered list. The user will type names into the input box. When the user types in the input box, the

should update to show the same text as the input box. When the user clicks the

Flatten Array

Given an array of indeterminate depth (dimensions), return a flattened version of the original array. function flatten(arr) { } let arr = [1, 2, [3]] flatten(arr) // returns [1, 2, 3]; let arr2 = ["hello", ["this", "is", ["a", "4 dimensional", ["array"]]]]; flatten(arr2) // returns ["hello", "this", "is", "a", "4 dimensional", "array"]; Hint This