Gray Smith GraySmith00

Custom React Hooks

useForm

import {useState} from 'react';

export const useForm = () => {
  const [values, setValues] = useState(initialValues);

Gatsby Deploy on AWS s3 + Cloudfront

Resources

https://medium.com/@brodartec/hosting-a-static-site-with-https-enabled-using-aws-s3-cloudfront-and-godaddy-826dae41fdc6

Bucket setup

New bucket
Remove block public access

Bucket Policy

Basic Commands

build

docker build -t graysmith00/image-name .

run

docker run -p 8000:8000 image-name

list all images

docker image ls

Outside Learning Resources

Follow me on Github - https://github.com/graysmith00

Codewars

www.codewars.com/r/V2GYgw

FreeCodeCamp

https://github.com/turingschool/career-development-curriculum/blob/master/module_two/professional_storytelling_ii.md
Include a working draft of your professional story (1-2 paragraphs) as a gist in your PD deliverables due Monday of Week 6

You Do: Individual Story-writing

Write: Reflect on your experience entering your new career in the software industry and write a draft of your story, answering the questions who are you, why are you here, what's next? Think about how others might root for you as a character and what's at stake for you in your career transition. Consider:

tie together math/finance and music
passion stemming from first coding courses

Computer Science Fundementals

Recursion

a function that calls itself
Base Case: a terminating scenario that does not use recursive power to produce an answer.
Recursive Case: A set of instructions, moving towards the base case, that end in a call to the same function.
Ex.) Factorial:

function factorial(n) {
  if (n <= 1) {

DTR: Define the Relationship

Use this template to when conducting DTR with your project partners. It's recommended that you copy/paste this template into your own gist each time you conduct a DTR to take notes on the conversation.

Guiding Questions to Define The Relationship:

What are your learning goals for this project? What drives us in this project?

To move ahead with our javascript knowledge and have a better understanding of working with local storage and data in general.

What is your collaboration style? How do you feel about pair programming vs. divide-and-conquer approaches?\

Javascript 'this' Binding

What is 'this'?

A reserved keyword in JavaScript.
The purpose for 'this' is that it allows us to re-use functions with different context.
The value of 'this' is usually determined by how a function is invoked. ('execution context').
When a function is called, 2 special keywords are given to that funciton: arguments and this
Every time a function is run, the keyword 'this' is defined for that function.
Can be determined using four rules (global/window binding, object/implicit binding, explicit binding, new binding).

1. Global Context

DTR: Define the Relationship

Use this template to when conducting DTR with your project partners. It's recommended that you copy/paste this template into your own gist each time you conduct a DTR to take notes on the conversation.

Guiding Questions to Define The Relationship:

What are your learning goals for this project? What drives us in this project?
What is your collaboration style? How do you feel about pair programming vs. divide-and-conquer approaches?
How do you communicate best? How do you appreciate receiving communication from others?
How would you describe your work style?