Tristinsorrells1

Questions / Readings

Router Overview

React Router is a library that allows us to make our single page React applications mimic the behavior of multipage apps. It provides the ability to use browser history, allowing users to navigate with forward / back buttons and bookmark links to specific views of the app. Most modern sites use some form of routing. React Router exposes this functionality through a series of components. Let's start by looking at the overall structure of an app using router:

1. Take a look at the quick start page of the React Router docs. Take note of the syntax and organization of the page. No worries if this looks unclear right now! (nothing to answer here)

2. What package do we need to install to use React Router?

Tristinsorrells1

IdeaBox

What is your approach to working on a team?

• When I work in a team I like to ensure all group members are on the same page with our goals for that day and the order in which we want to work on them. For this project, we typically used the first 5 minutes of our meeting to discuss the roadmap for the day so everyone was in agreement on that day's workflow. This kept us on task, organized, and allowed us to lay out a timeline that would allow us to finish the MVP before the deadline.

Technical

What was a specific technical challenge your group faced? How did you approach this challenge? What went well? What was a struggle?

• We stuggled to have our DOM reflect the changes in the data model. We realized this issue was coming from a lack of understanding in event delegation, so we took a break to review that lesson. We found it really helpful to revisit the CodePens we completed in class to see examples. We also really took advnatage of using console.log statements to help us understand

Tristinsorrells1

Git - Check For Understanding

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

Git Workflow

Tristinsorrells1

Atom & Markdown - CFU

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

Self Evaluation

Tristinsorrells1

Calendaring - CFU

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

Exercises

Tristinsorrells1

Terminal - CFU

To start this assignment:

1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
2. Click the Edit button when you're ready to start adding your answers. Type your answers directly into this document.
3. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

Exercises