Skip to content

Instantly share code, notes, and snippets.

View leighlars's full-sized avatar

Leigh leighlars

  • Denver
View GitHub Profile
@leighlars
leighlars / mod_0_session_1_practice_tasks.md
Last active January 10, 2020 02:56 — forked from damwhit/mod_0_session_1_practice_tasks.md
Mod 0 Session 1 Practice Tasks

Session 1 Practice Tasks

The assignments listed here should take you approximately 60 minutes.

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

1. Documentation and Googling (20 min)

Documentation of a language, framework, or tool is the information that describes its functionality. For this part of the practice tasks, you're going to practice digging into documentation and other reference material.

@leighlars
leighlars / mod_0_session_2_practice_tasks.md
Last active January 13, 2020 05:27 — forked from damwhit/mod_0_session_2_practice_tasks.md
Mod 0 Session 2 Practice Tasks

Session 2 Practice Tasks

The assignments listed here should take you approximately 55 total minutes.

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

1. Creating Files and Directories (10 min)

Need help? You can go back to the files/directories portion of the lesson here.

@leighlars
leighlars / mod_0_session_3_readings.md
Last active January 13, 2020 23:30 — forked from damwhit/mod_0_session_3_readings.md
Mod 0 Session 3 Readings and Responses

Session 3 Readings and Responses

The readings and responses listed here should take you approximately 35 minutes total.

To start this assignment:

  1. Click the button in the upper right-hand corner that says Fork. This is now your copy of this 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.
@leighlars
leighlars / mod_0_session_3_practice_tasks.md
Last active January 10, 2020 04:50 — forked from damwhit/mod_0_session_3_practice_tasks.md
Mod 0 Session 3 Practice Tasks

Session 3 Practice Tasks

The assignments listed here should take you about 1 hour in total.

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.

React Router Prework

This gist contains a short assignment I'd like everyone to complete before our formal lesson. The prework involves reading some of the React Router documentation, and will allow us to keep the lesson more hands on.

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: