Micspr

React Router Authorization Instructor Notes

Objectives

• Identify what happens when the applications loads
• Identify where user information is stored
• Explain how the AuthorizedRoute uses authentication information to determine what to do
• Describe how the authentication informations is set, and where
• Explain how the authentication information is used to make decisions in the Header and BlogPost components
• Explain how the authentication information passed to the Header and BlogPost component

Micspr

React Router Instructor Notes

Objectives

• Add Routing between 2 pages to react
• Use Link to change urls
• Access values from the url to a url and pass it to a component
• Pass data to route components
• Manage page travesal programatically
• Use <Redirect /> to move from route to route
• Explain how using redux changes the architecture of a react project that uses routes

Micspr

Redux with APIs

Objectives

• Update state based on API calls with Redux

Exercise

Start by cloning and setting up the API for this lesson:

Micspr

Introduction to Redux

Objectives

• Describe the purpose of Redux
• Utilize Redux apart from React to manage state
• Integrate Redux into an existing React application

Guiding Questions

Micspr

React + API

• Describe what causes a react component to re-render
• Explain what component lifecycle methods are
• Connect a component to an API
  • Retrieve data
  • Post new data

When does a react component render?

Turn to your neighbor and discuss how react components render. What causes a component to update (re-render)?

Micspr

Binary Search Trees

Objectives

• Define what a binary search tree is
• Explain why binary search trees are useful
• Write pseudo code to traverse a binary search tree
• Explain the difference between depth first search methods (pre-order, in-order, post-order)
• Describe the Big O of binary search tree methods
• Implement binary search tree methods

Micspr

Custom Data Structures

Objectives

• Explain what a data structure is
• Use JavaScripts Map data structure
• Use JavaScripts Set data structure
• Build a custom data structure

Explain what a data structure is

Micspr

this keyword

Objectives

• Explain the difference between a function and a method
• Create basic objects with methods
• Explain what the this keyword is
• Use call/bind to mantain this context
• Use es6 arrow functions to preserve this context

Guiding Questions

Micspr

Query Builder Instructor Notes

Objectives

• List the 5 crud operations, what information the request has, and what information is in the respose
• Define what Knex.js is
• Follow the request response cycle for an API that uses databases
• Explain what how the model and the controller are working together to compose a response
• Describe what happens when you throw inside a promise callback.
• Describe how a database is set up.
• Create a select all controller and model

Micspr

SQL Joins

Objectives

• Explain what a Relational Databases is
• Describe why Relational Databases are useful
• Diagram 1-to-many & many-to-many relationships with ERDs
• Create primary and foreign keys on tables
• Join tables with SQL
• Use aggregate & group by queries