React course Github order

README.md

@@ -7,5 +7,5 @@ The material in this repository is divided by topic.
 * Rails
 * HTML/CSS
 * JavaScript
-* React
+* [React](/react/Open_React_Overview.md)
 * Full-Stack Project

react/Open_React_Overview.md

@@ -0,0 +1,204 @@
+# React
+
+## Topics Covered
+
+- [React Fundamentals I](#react-fundamentals-I)
+- [Redux Fundamentals II](#redux-fundamentals-II)
+- [Middleware and Thunks](#middleware-and-thunks)
+- [Redux and the Rails API](#redux-and-the-rails-api)
+- [Frontend Routing with React](#frontend-routing-with-react)
+- [Frontend Auth](#frontend-auth)
+- [Completing Bench BnB](#completing-bench-bnb)
+
+
+## Notes
+
+React is the last instructional module in the App Academy Full Stack Developer
+Curriculum. Our React module will have the last assessment on W8D2, where you
+will be able to track our progress and understanding of the material as you
+learn it.
+
+As with all future modules, any "Bonus" projects are to be completed after the
+standard projects for each day are completed. Sometimes that could mean going
+back to previous day's "Bonus" projects if you otherwise finish early.
+Additional Resources are readings, videos, or articles that are not required,
+but will serve to deepen your understanding of a topic. They will be denoted
+with a specific icon in your task menu.
+
+## React Fundamentals I
+- [ ] 1. [NonTechnical Overview of React](readings/react_nontech.md)
+- [ ] 2. [NPM 1](readings/npm_configuration_1.md)
+- [ ] 3. [NPM 2](readings/npm_configuration_2.md)
+- [ ] 4. [NPM 3](readings/npm_configuration_3.md)
+- [ ] 5. [NPM 4](readings/npm_configuration_4.md)
+- [ ] 6. [Webpack](readings/webpack_configuration.md)
+- [ ] 7. [ES6 Syntax: Object Destructuring](readings/object_destructuring.md)
+- [ ] 8. [ES6 Syntax: Import/Export](readings/import_export.md)
+- [ ] 9. [React Developer Tools](readings/react_dev_tools.md)
+- [ ] 10. [Thinking in React](https://facebook.github.io/react/docs/thinking-in-react.html)
+- [ ] 11. [React: Intro](https://player.vimeo.com/video/188074204)
+- [ ] 12. [React: Transpilation](https://player.vimeo.com/video/188087366)
+- [ ] 13. [React: Functional Components](https://player.vimeo.com/video/188090786)
+- [ ] 14. [React: Lifecycle Methods](https://player.vimeo.com/video/188093789)
+- [ ] 15. [Props and State](readings/props_and_state.md)
+- [ ] 16. [Click Counter Code Demo](https://assets.aaonline.io/fullstack/react/demos/click-counter.zip)
+- [ ] 17. [React Fundamentals Quiz](quizzes/react_fundamentals.md)
+- [ ] 18. [Getting Started with NPM](homeworks/getting_started/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/getting_started/solution.zip)
+- [ ] 19. [React Calculator](homeworks/calculator/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/calculator/solution.zip)
+- [ ] 20. [Babel](readings/babel_configuration.md)
+- [ ] 21. [React](readings/intro_to_react.md)
+- [ ] 22. [JSX](readings/intro_to_jsx.md)
+- [ ] 23. [React Components](readings/intro_to_react_components.md)
+- [ ] 24. [Declaration](readings/component_declaration.md)
+- [ ] 25. [Lifecycle Methods](readings/component_lifecycle.md)
+- [ ] 26. [Synthetic Events](readings/synthetic_events.md)
+- [ ] 27. [Official React Documentation](https://facebook.github.io/react/docs/getting-started.html)
+- [ ] 28. [React Intro & First Components](https://player.vimeo.com/video/340114806)
+- [ ] 29. [Nested Components & Props](https://player.vimeo.com/video/340114494)
+- [ ] 30. [Class Components, State & onClick](https://player.vimeo.com/video/340113953)
+- [ ] 31. [Lifecycle Methods, componentDidMount & Fetching](https://player.vimeo.com/video/340113661)
+- [ ] 32. [CSS Friends Part 3](../html-css/micro-projects/css-friends/css-friends-12/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/html-css/micro-projects/css-friends/css-friends-12/solution.zip)
+- [ ] 33. [Widgets](projects/widgets/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/widgets/solution.zip)
+- [ ] 34. [Minesweeper](projects/react_minesweeper/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/react_minesweeper/solution.zip)
+- [ ] 35. [Redux Lite](projects/redux_lite/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/redux_lite/solution.zip)
+## Redux Fundamentals II
+- [ ] 1. [Nontechnical Overview of Redux](readings/redux_nontech.md)
+- [ ] 2. [Flux and Redux Intro](readings/flux_redux.md)
+- [ ] 3. [Store](readings/store.md)
+- [ ] 4. [Reducers](readings/reducers.md)
+- [ ] 5. [Actions](readings/actions.md)
+- [ ] 6. [`<Provider />`](readings/provider.md)
+- [ ] 7. [connect()](readings/connect.md)
+- [ ] 8. [Containers](readings/containers.md)
+- [ ] 9. [Selectors](readings/selectors.md)
+- [ ] 10. [Window API](readings/the_window.md)
+- [ ] 11. [Testing on the Window](https://player.vimeo.com/video/303833296/)
+- [ ] 12. [Intro to UI/UX](https://player.vimeo.com/video/206661754)
+- [ ] 13. [Intro to UX for Web](https://player.vimeo.com/video/206661769)
+- [ ] 14. [UI Affordances and Signifiers](https://player.vimeo.com/video/206661839)
+- [ ] 15. [Designing to Look Good](https://player.vimeo.com/video/206661864)
+- [ ] 16. [Fruit Stand Live Demo: Phase I Redux Only](http://appacademy.github.io/curriculum/react/fruit_stand_01/index.html)
+- [ ] 17. [Fruit Stand Live Demo: Phase I Source Code](demos/fruit_stand_demos/fruit_stand_01/README.md)
+- [ ] 18. [Fruit Stand Live Demo: Phase II React/Redux](https://player.vimeo.com/video/184374712)
+- [ ] 19. [Fruit Stand Live Demo: Phase II Source Code](demos/fruit_stand_demos/fruit_stand_02/README.md)
+- [ ] 20. [Fruit Stand Live Example](http://appacademy.github.io/curriculum/react/fruit_stand_02/index.html)
+- [ ] 21. [Redux Fundamentals Quiz](quizzes/redux_fundamentals.md)
+- [ ] 22. [Official React-Redux Documentation](https://github.com/reduxjs/react-redux/blob/master/docs/README.md)
+- [ ] 23. [Job Listing](homeworks/job_listing/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/job_listing/solution.zip)
+- [ ] 24 [UX/UI Layout Practice](homeworks/ux/README.md)
+- [ ] 25. [Selecting a Full-Stack Project](../full-stack-project/proposal/selecting-a-fsp.md)
+- [ ] 26. [Approved Full-Stack Apps](../full-stack-project/proposal/projects-to-clone.md)
+- [ ] 27. [Is Ageism In Tech An Under-The-Radar Diversity Issue?](https://www.fastcompany.com/3054204/is-ageism-in-tech-an-under-the-radar-diversity-issue)
+- [ ] 28. [Building Accessibility Culture](https://modelviewculture.com/pieces/building-accessibility-culture)
+- [ ] 29. [Building Better Tech Cultures for People with ADHD](https://modelviewculture.com/pieces/building-better-tech-cultures-for-people-with-adhd)
+- [ ] 30. ["Brilliance," "Pride," and "Genius": How Tech Culture Hides Mental Illness](https://modelviewculture.com/pieces/brilliance-pride-and-genius-how-tech-culture-hides-mental-illness)
+- [ ] 31. [Official Redux Documentation](https://redux.js.org/)
+- [ ] 32. [Redux Intro & Store](https://player.vimeo.com/video/340778392)
+- [ ] 33. [Redux Reducers](https://player.vimeo.com/video/340779518)
+- [ ] 34. [Action Creators](https://player.vimeo.com/video/340779952)
+- [ ] 35. [React-Redux Intro & mapStateToProps](https://player.vimeo.com/video/340781052)
+- [ ] 36. [Redux - mapDispatchToProps](https://player.vimeo.com/video/340781971)
+- [ ] 37. [Todos (Part 1)](projects/todos/todos_i.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/todos/solution_1.zip)
+## Middleware and Thunks
+- [ ] 1. [Higher-Order Functions](readings/higher_order_functions.md)
+- [ ] 2. [Middleware](readings/middleware.md)
+- [ ] 3. [Thunks](readings/thunks.md)
+- [ ] 4. [Object.freeze](readings/object_freeze.md)
+- [ ] 5. [Namespacing](readings/rails_router_namespacing.md)
+- [ ] 6. [Debugging Arrow Functions in React](readings/debugging_arrow_functions.md)
+- [ ] 7. [Middleware Quiz](quizzes/middleware_thunks.md)
+- [ ] 8. [ES6 Arrow Functions](../javascript/readings/fat-arrows.md)
+- [ ] 9. [Arguments](../javascript/readings/arguments.md)
+- [ ] 10. [Submit Tentative Full-Stack Proposal](../full-stack-project/proposal/tentative-project-proposal.md)
+- [ ] 11. [MVP List](../full-stack-project/proposal/mvp-list.md)
+- [ ] 12. [Middleware Homework](homeworks/middleware/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/middleware/solution.zip)
+- [ ] 13. [Todos (Part 2)](projects/todos/todos_ii.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/todos/solution_1.zip)
+- [ ] 14. [Todos (Part 3)](projects/todos/todos_iii.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/todos/solution_2.zip)
+- [ ] 15. [React-Redux Review](https://player.vimeo.com/video/341894192)
+- [ ] 16. [Middleware Lecture](https://player.vimeo.com/video/341894847)
+- [ ] 17. [Why the nested functions, applyMiddleware?](https://player.vimeo.com/video/341895670)
+- [ ] 18. [Thunk Lecture](https://player.vimeo.com/video/341901003)
+## Redux and the Rails API
+- [ ] 1. [Intro to Jbuilder](readings/intro_to_jbuilder.md)
+- [ ] 2. [Jbuilder Documentation](https://github.com/rails/jbuilder)
+- [ ] 3. [Normalizing State Shape](https://redux.js.org/recipes/structuring-reducers/normalizing-state-shape)
+- [ ] 4. [Updating Normalized Data](https://redux.js.org/recipes/structuring-reducers/updating-normalized-data)
+- [ ] 5. [Redux and Rails API Quiz](quizzes/redux_rails_api.md)
+- [ ] 6. [Giphy Homework](homeworks/giphy/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/giphy/solution.zip)
+- [ ] 7. [Full-Stack Proposal Prep: Schema](../full-stack-project/homeworks/proposal-prep/schema.md)
+- [ ] 8. [Redux Developer Tools](readings/redux_dev_tools.md)
+- [ ] 9. [N Plus One](../sql/readings/n_plus_one.md)
+- [ ] 10. [CSS Review Video](https://player.vimeo.com/video/214597789)
+- [ ] 11. [jBuilder Lecture](https://player.vimeo.com/video/342109524)
+- [ ] 12. [Normalized State](https://player.vimeo.com/video/342110042)
+- [ ] 13. [Selectors Lecture](https://player.vimeo.com/video/342111584)
+- [ ] 14. [Jbuilder](projects/jbuilder/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/jbuilder/solution.zip)
+- [ ] 15. [Pokedex (Part 1)](projects/pokedex/pokedex_i.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/pokedex/solution.zip)
+## Frontend Routing with React
+- [ ] 1. [Intro to React Router](readings/intro_to_react_router.md)
+- [ ] 2. [`<Link>`](readings/link.md)
+- [ ] 3. [`<Switch>`](readings/switch.md)
+- [ ] 4. [withRouter](readings/with_router.md)
+- [ ] 5. [`<Redirect>`](readings/redirect.md)
+- [ ] 6. [Advanced Containers](readings/advanced_containers.md)
+- [ ] 7. [Frontend Routing with React Quiz](quizzes/frontend_routing_react.md)
+- [ ] 8. [Rainbow Routes](homeworks/rainbow_routes/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/homeworks/rainbow_routes/solution.zip)
+- [ ] 9. [Full-Stack Proposal Prep: Sample State Shape](../full-stack-project/homeworks/proposal-prep/state-shape.md)
+- [ ] 10. [React Router Docs](https://reacttraining.com/react-router/web/guides/quick-start)
+- [ ] 11. [Frontend Routing Intro](https://player.vimeo.com/video/342316185)
+- [ ] 12. [Route Wildcard Props](https://player.vimeo.com/video/342319540)
+- [ ] 13. [history.push](https://player.vimeo.com/video/342319155)
+- [ ] 14. [Frontend Routes with Rails](https://player.vimeo.com/video/342318480)
+- [ ] 15. [Container Component ownProps & Wildcard Routes](https://player.vimeo.com/video/342316812)
+- [ ] 16. [componentDidUpdate](https://player.vimeo.com/video/342319968)
+- [ ] 17. [Form Redirection (history.push)](https://player.vimeo.com/video/342320552)
+- [ ] 18. [Pokedex (Part 2)](projects/pokedex/pokedex_ii.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/pokedex/solution.zip)
+- [ ] 19. [Pokedex (Part 3)](projects/pokedex/pokedex_iii.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/pokedex/solution.zip)
+## Frontend Auth
+- [ ] 1. [Frontend Auth: Intro](https://player.vimeo.com/video/210683007)
+- [ ] 2. [Frontend Auth: API Authentication](https://player.vimeo.com/video/210683951)
+- [ ] 3. [Frontend Auth: Frontend Auth Pattern](https://player.vimeo.com/video/210684312)
+- [ ] 4. [preloadedState](readings/preloaded_state.md)
+- [ ] 5. [Front End Authentication](readings/front_end_auth.md)
+- [ ] 6. [Frontend Authentication Quiz](quizzes/frontend_auth.md)
+- [ ] 7. [Rails Auth Prep: Auth Pattern (Part One)](../rails/demos/rails-auth/README.md)
+- [ ] 8. [Rails/React/Redux Configuration Checklist](readings/checklist.md)
+- [ ] 9. [React Context](https://facebook.github.io/react/docs/context.html)
+- [ ] 10. [localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage)
+- [ ] 11. [Active Storage and AWS S3 Hosting Demo](../full-stack-project/resources/ActiveStorageDemo/README.md)
+- [ ] 12. [Front End Authentication Project](projects/front_end_auth/README.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/front_end_auth/solution.zip)
+- [ ] 13. [BenchBnB (Part 1)](projects/bench_bnb/bench_bnb_i.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/bench_bnb/solution.zip)
+## Completing Bench BnB
+- [ ] 1. [React Map Demo](demos/react_map_demo/README.md)
+- [ ] 2. [React Hooks Demo](https://player.vimeo.com/video/338923484)
+- [ ] 3. [Last Quiz](quizzes/last_quiz.md)
+- [ ] 4. [Full-Stack Proposal Prep: Routes](../full-stack-project/homeworks/proposal-prep/routes.md)
+- [ ] 5. [(Don't) Submit Full-Stack Project Proposal](../full-stack-project/proposal/full-stack-project-proposal.md)
+- [ ] 6. [The Tech Industry is Forcing Gentrification](https://thetempest.co/2017/05/01/now-beyond/tech-money/tech-industry-gentrification/)
+- [ ] 7. [How Tech Campuses Hinder Diversity and Help Gentrification](https://www.wired.com/2017/02/tech-campuses-hinder-diversity-help-gentrification/)
+- [ ] 8. [Silicon Valley's Poorest Workers](https://www.theguardian.com/technology/2016/jan/28/silicon-valley-service-workers-poor-intel-tech-facebook)
+- [ ] 9. [Tech in Underserved Communities: Beyond Feel Good Stories](https://modelviewculture.com/pieces/tech-in-underserved-communities-beyond-feel-good-stories)
+- [ ] 10. [The Accidental Classism and Unintentional Racism Of iOS Development for Children](https://modelviewculture.com/pieces/the-accidental-classism-and-unintentional-racism-of-ios-development-for-children)
+- [ ] 11. [Google Maps API Key](projects/bench_bnb/maps_api_key.md)
+- [ ] 12. [BenchBnB (Part 2)](projects/bench_bnb/bench_bnb_ii.md)
+- [ ] 13. [BenchBnB (Part 3)](projects/bench_bnb/bench_bnb_iii.md)
+- [Solution](https://assets.aaonline.io/fullstack/react/projects/bench_bnb/solution.zip)