Micspr

Project Proposal A

Provide a brief description about your project that answers the following questions:

• What problem or need does your project solve? My project solves the need for an increasingly fragmented gamespace to have a common cohesive community. The goal is to allow groups of gamers a central website and community for finding other groups or individuals to play with across one or more titles.
• Who would be a user of your website? Anyone that plays multiple games or multiple consoles.
• What technologies will you be using? React, Redux, Express, Knex, HTML/CSS/Javascript, and there are a few 3rd party APIs that I want to see about including.

Project Proposal B

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