Skip to content

Instantly share code, notes, and snippets.

View brycemara's full-sized avatar

Bryce Mara Jarrett brycemara

View GitHub Profile

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:

@brycemara
brycemara / mod_0_session_3_practice_tasks.md
Last active July 28, 2020 17:44 — 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.
@brycemara
brycemara / mod_0_session_3_readings.md
Last active July 22, 2020 21:12 — 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.

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.

@brycemara
brycemara / mod_0_session_2_readings.md
Last active July 19, 2020 20:32 — forked from damwhit/mod_0_session_2_readings.md
Mod 0 Session 2 Readings

Session 2 Readings and Responses

The readings and responses listed here should take you approximately 65 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.

How To - Upload and add Images to markdown files in Gist

Markdown files allow embedding images in it. However it requires the image to be hosted at some location and we can add the url of the image to embed it.

Example: ![Alternate image text](https://someurl/imagelocation/image.png)

We can use services like imgur or other services to host the images and use the hosted URL.

@brycemara
brycemara / mod_0_session_1_readings.md
Last active July 16, 2020 18:59 — forked from damwhit/mod_0_session_1_readings.md
Mod 0 Session 1 Readings

Session 1 Readings and Responses

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

To start this assignment, click the button in the upper right-hand corner that says Fork. This is now your copy of this 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.

  • Your key take-aways OR how you're going to implement specific points (minimum 2):
  • A key take away I get is that coding is very much up to the programer. Yes turning will put me in the right place and help me learn and collaborate with multiple coders but at the end of the day I will have to put in the extra effort (aka googling) to be able to truly excel in it.
@brycemara
brycemara / mod_0_session_1_practice_tasks.md
Last active July 21, 2020 02:52 — 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. Markdown (20 min)

Markdown is the format all of your homework gists are written in.

Using this markdown cheatsheet, create a new gist of your own by clicking the New Gist button in the upper right-hand corner of the screen. Create a "Beginners Guide to data types" documenting your data types knowledge so far using Markdown.