π w6d5 :: w7d1 :: w7d2 :: w7d3 :: w7d4 :: w7d5 :: w8d1 :: w8d2 π
- Progress Tracker reports are still due at 9am.
π go_video_go
- π NPM (15 min)
- π Webpack (10 min)
- π ES6 Syntax: Object Destructuring (10 min)
- π ES6 Syntax: Import / Export (10 min)
- π React Developer Tools (3 min)
- π Thinking in React (10 min)
- π₯ React: Intro (27 min)
- π₯ React: Transpilation (8 min)
- π₯ React: Functional Components (22 min)
- π₯ React: Lifecycle Methods (11 min)
- Getting Started with NPM (30 min)
- React Calculator (45 min)
- π Babel
- π React
- π JSX
- π React Components
- π Declaration
- π Props and State
- π Lifecycle Methods
- π Synthetic Events
- π Official React Documentation
- Most Helpful: REFERENCE Section (Left Sidebar)
- π Lodash (5 min)
- π Flux and Redux Intro (10 min)
- π Store (20 min)
- π Reducers (20 min)
- π Actions (10 min)
- π
<Provider/>(15 min) - π
connect()(15 min) - π Containers (10 min)
- π Selectors (10 min)
- π Nontechnical Overview of React (15 min)
- π₯ Fruit Stand Demo (75 min)
- π₯ Phase I - Redux only (15 min)
- π» Source code
- π₯ Phase II - React/Redux (1 hr)
- π Live example
- π» Source code
- π₯ Phase I - Redux only (15 min)
- Dollar Store (45 min)
- Selecting a Full-stack Project (5 min)
- Check out the list of approved full-stack apps
- Is Ageism In Tech An Under-The-Radar Diversity Issue? (5 min)
- Building Accessibility Culture (8 min)
- Building Better Tech Cultures for People with ADHD (6 min)
- βBrilliance,β βPrideβ and βGeniusβ: How Tech Culture Hides Mental Illness (6 min)
- π Official
reduxDocumentation - π Official
react-reduxDocumentation- Note: The 'API' sections are especially useful
- Higher-order Functions (15 min)
- Middleware (15 min)
- Thunks (15 min)
- Object.freeze (10 min)
- Namespacing (5 min)
- Submit your tentative Full-Stack Project Proposal (10 min)
- Due by 9AM Tuesday w7d2
- Check out the list of approved apps
- Middleware Homework (45 min)
- Continue Todos
- π Intro to Jbuilder (5 min)
- π Jbuilder (20 min)
- π Normalizing Redux State Shape (from Redux docs)
- Normalizing State Shape (5 min)
- Updating Normalized Data (5 min)
- π Nontechnical Overview of Redux (15 min)
- Giphy Homework (90 min)
- π Intro to React Router (15 min)
- π
<Link>(5 min) - π
<Switch>(2 min) - π
withRouter(2 min) - π
<Redirect>(2 min)
- Rainbow Routes (30 min)
- Full-stack Proposal Prep: Component Hierarchy (15 min)
- Full-stack Proposal Prep: State Shape (15 min)
- π React Router docs
- Continue Pokedex
π go_video_go
- π₯ Intro to UI/UX (4 min)
- π₯ Intro to UX for Web (6 min)
- π₯ UI Affordances and Signifiers (4 min)
- π₯ Designing to Look Good (11 min)
- π₯ Frontend Auth: Intro (2 min)
- π₯ Frontend Auth: API Authentication (3 min)
- π₯ Frontend Auth: Frontend Auth Pattern (14 min)
- π
preloadedState(5 min) - π Front End Authentication (15 min)
- Do the auth part of A04 Prep (60 min)
- Front-end auth (the main concept in BenchBnB Day 1) builds on top of regular Rails backend auth, so make sure you build on a solid base.
- You'll be surprised how much of it you've forgotten by now. It's normal.
- Full-stack Proposal Prep: Routes (15 min)
- π Rails/React/Redux Configuration Checklist
- π React Context
- π
localStorage
Project Proposal Review Period for Instructional Staff
- π React Map Demo (15 min)
- π Thinking in React (20 min)
- UX/UI Layout Practice (30 min)
- Submit your full-stack project proposal (5 hrs)
- Due by 9am on Monday w8d1
- π See full-stack project curriculum for additional information and readings related to full-stack projects
- Continue BenchBnB
- Begin work on projects