FRIYAY

Considering maybe doing a twitch thingy!?

Here is article for twitch + switch 🙂

So much aww here when cat reunites with doggy bff

Annnnnd one of my most favorite videos on all the internet “Blind Girl Plays With Cat” — yes, I’m horrible.

Still one of my most favorite images on the internet :

Having

Free wp template yum

Saving this for, you know, when I become Insta famous… duh.

SO. MUCH. MEME. FUN.

 

Starting with React

index

client

Based on this amazing tutorial.

 

 

Components shouldn’t be in our client.js file — that’s messy!

  1. Create components folder
  2. Move Layout class from client.js to new file (Layouts.js) in components folder
    1. NOTE: Component file names should always be capitalized
  3. Add import React from “react”;  to top of Layouts.js file
  4. Export the Layout class (by adding export default right before class Layout) so that client.js can access that class

 


PAGES folder can sometimes be called “ROUTES” folder — high level components

 


LESSON 4

Passing values into components

Right ways and wrong ways

Data and passing around data

TWO WAYS DATA GETS HANDLED IN REACT:

Data and Props:

STATE:

this.setState({name: “Kendramadon”});

“A big question in React JS is State vs Props. State is essentially any data that relates to the internals of a React component, but has nothing to do with the outside world. Props are data that the React.js component depends on to function and render correctly.”

State only gets used if a component has an internal value that only effects that internal value and not the rest of the app

Everything else use props. Injected into every other component

PROP meaning PROPERTIES

Add input field

NOTE:

this.functionName.bind(this)