Skip to content

Instantly share code, notes, and snippets.

React Router Prework

This gist contains a short assignment we'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.

Instructions

  1. Fork this gist
  2. On your own copy, go through the listed readings and answer associated questions

You will not be turning this in; it's for your own understanding/learning/benefit 😁

What is a "data model", and how does it relate to the DOM in a front-end application?
The data model is the single source of truth for what should display on the page. As the data model is updated, the DOM changes to reflect these changes. For example, adding an item to your cart on a shopping website will show a new number on the car.
What is a "framework?" And how does it differ from a "library?"
A framework is the platform in which you develop software applications. It can include libraries which include chunks of reusable code.
Why should we consider using a framework over vanilla JS like you have been doing in mods 1 and 2?
Frameworks like React have built in functionality that can greatly assist when building programs. Vanilla JS is like building a fire from sticks. React is camping and it includes a lighter ;)
What is a "component" in React? Why is it useful to have components?
## Abstract
- The project assignment revolved around a website that created motivational posters. These posters could be randomly generated from a provided set of arrays including photos, titles, and quotes. We were also tasked with creating an input field in which the user would be able to create their own custom poster. A save functionality was also required to allow the user to store saved posters and delete any that were not wanted.
## Overall
- My approach to working on a team was wanting to provide constant support for my project partner and completing the project together in a collaborative setting. We would take turns coding and committing, and ensured every decision made was agreed upon by both team mates. We chose to set aside time from our days to both be present and ready to work. Anna and I both like to disconnect from classes with a gym session right afterwards, which worked out perfectly for us.
## Technical
- A resource we used when reaching a technical challenge was other classmates in dif
@isleofyou
isleofyou / Gear Up Pre-Work
Last active September 24, 2021 20:04
Gear Up
What were your reflections from the video?
It was interesting to hear that you must think past your biases to be able to provide fully to any task. The fact that these biases are unconscious proves that you have to try even harder to recognize and overcome them. It also seemed that some of the progammers in the video have disabilities and have been able to overcome them, and some of that may have been due to technologies that were created with people like them in mind. I assume somebody had to make a program that blind people can code with, which I think is absolutely amazing.
In what ways have you examined your implicit biases before coming to Turing?
I have never examined my implicit biases before reading that article. It was very interesting to learn about this, and am hesitant to really dive into them for myself. I always thought I was unbiased when it came to things like race or wealth, but anything and everything I can do to self reflect and improve is welcome. What I don't like the most though is th

Checklist/Rubric

To make a copy of this rubric:

  1. Click the button in the upper right-hand corner that says Fork. This is now your copy of the document.
  2. To save your work, click the green button in the bottom right-hand corner. You can always come back and re-edit your gist.

Part I: Creating Directories and Files; Initializing Git and Pushing to GitHub

  • I named my directories correctly.

Session 2 HW

CAREFULLY READ ALL THE INSTRUCTIONS BEFORE STARTING THESE EXERCISES!

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.

Session 1 HW

CAREFULLY READ ALL THE INSTRUCTIONS BEFORE STARTING THESE EXERCISES!

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.