Nima Boscarino NimaBoscarino

--- Continuing... React Breakout #2

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

	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() {

	// 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

	// little snippets of code

	// interpret the code ourselves

	// Snippet 1 -- nothing happens, we think


	// Snippet 2 -- hey there

	console.log('hey there')

	import React, {Component} from 'react';

	class VideoThumb extends Component {
	render() {
	console.log('HELLO I AM PROPS', this.props)
	return (
	<div>
	<h1>{this.props.name}</h1>
	<img src={`https://api.adorable.io/avatars/50/${this.props.name}.png`} />
	</div>

	import React, {Component} from 'react';

	const Song = (props) => {
	return (
	<li>{props.song}</li>
	)
	}


	class SongsList extends Component {

	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" media="screen" href="main.css">
	</head>
	<body>
	<div>
	</div>

	dog = 'Spot'

	puts dog
	p dog
	print dog
	print dog
	print dog
	print dog
	p "There are many ways to print things! What are the differences?"

	class Trainer
	attr_reader :name

	def initialize name
	@name = name
	end
	end

	# a description of what the heck a pokemon is...
	class Pokemon