Nima Boscarino NimaBoscarino

--- Continuing... React Breakout #2

The picture from the lecture: https://i.imgur.com/1NbXPHt.png

New topic: - I know you've been working with this, but we're going deeper React Forms: Controlled vs Uncontrolled Form Components

Some good notes by Karl: https://github.com/jensen/react-notes

Source: https://github.com/fzero/lhl-lectures/blob/master/w6d5-js-prototypes/README.md

Prototypes vs. classes

It was mentioned throughout the course that Javascript is a mostly functional language with object oriented features thrown in. Today we'll explore how these features work and why Javascript only recently (as in ES6) became a truly object oriented language in the traditional sense.

What is OOP again?

Object Oriented Programming is one of many ways to write programs. The technical definition can be found on the link above, but the TL;DR is that you create templates - classes - used to represent your data structures consistently along with functions - methods - that act upon them.

	// what is a command line argument?
	// how do I actually GET an unlimited number of command line arguments?

	var arguments = process.argv


	// [a, b, c, d, e]
	// 0, 1 2 3 4

	import React, {Component} from 'react';


	class Person extends Component {
	componentWillMount() {
	console.log("Oooh do you know what you're having??")
	console.log("Oooh what are you naming them?")
	}

	componentDidMount() {

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link href="main.1.css" rel="stylesheet">
	<title>Document</title>
	</head>
	<body>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- <link rel="stylesheet" type="text/css" href="reset.css" /> -->
	<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
	</head>

	//1. nothing

	// 2.

	console.log('Hey there')

	// 3. Hey there, new line, goodbye

	console.log('Hey there')
	console.log('Goodbye')

	Privacy Policy
	Nima Boscarino built the Movie Poster app as a Free app. This SERVICE is provided by Nima Boscarino at no cost and is intended for use as is.

	This page is used to inform visitors regarding my policies with the collection, use, and disclosure of Personal Information if anyone decided to use my Service.

	If you choose to use my Service, then you agree to the collection and use of information in relation to this policy. The Personal Information that I collect is used for providing and improving the Service. I will not use or share your information with anyone except as described in this Privacy Policy.

	The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which is accessible at Movie Poster unless otherwise defined in this Privacy Policy.

	Information Collection and Use

	#include <LittleRobotFriends.h>

	boolean soundOn = false;
	int freq = 100;

	void myTapHandler(LRFEvent event) {
	soundOn = !soundOn;
	}

	void setup()

	class Pokemon
	attr_reader :type, :hp
	attr_accessor :name

	def initialize
	@type = nil
	@hp = 10
	@name = nil
	@@message = "Pokemon is a fun game"
	end