bobziroll (Bob Ziroll)

Learn React for free

    import React, {Component} from "react"
    
    class MemeGenerator extends Component {
        constructor() {
            super()
            this.state = {
                topText: "",
                bottomText: "",
                randomImg: "http://i.imgflip.com/1bij.jpg",
                allMemeImgs: []
            }
            this.handleChange = this.handleChange.bind(this)
            this.handleSubmit = this.handleSubmit.bind(this)
        }

React Meme Generator Capstone Project

Bob Ziroll20:117 months ago

Conclusion - React Tutorial

Bob Ziroll2:057 months ago

Course Introduction & Learning Philosophy

Bob Ziroll5:167 months ago

    import React, {Component} from "react"
    
    class App extends Component {
        // Change to use class properties
        state = { firstName: "" }
        
        // Change to use arrow functions
        handleChange = (event) => {
            const { name, value } = event.target
            this.setState({
                [name]: value
            })
        }

Writing Modern React Apps

Bob Ziroll6:037 months ago

Course Introduction & Learning Philosophy

Bob Ziroll5:167 months ago

    import React, { Component } from "react"
    
    class MemeGenerator extends Component {
        constructor() {
            super()
            this.state = {
               topText: "",
               bottomText: "",
               randomImg: "http://i.imgflip.com/1bij.jpg",
               allMemeImgs: []
            }
            this.handleChange = this.handleChange.bind(this)
            this.handleSubmit = this.handleSubmit.bind(this)
        }

What we'll be building

Bob Ziroll0:5810 months ago

    import React from 'react';
    import ReactDOM from 'react-dom';
    
    class Main extends React.Component {
      render() {
        return (
          <h1>Hello world!</h1>
        );
      }
    }
    
    ReactDOM.render(<Main />, document.getElementById('root'));

Why use React?

Bob Ziroll2:56a year ago

    import React from "react"
    import ReactDOM from "react-dom"
    
    // JSX
    ReactDOM.render(<div><h1>Hello world!</h1><p>This is a paragraph</p></div>, document.getElementById("root"))
    
    var myNewP = document.createElement("p")
    myNewP.innerHTML = "This is a paragraph."

ReactDOM & JSX

Bob Ziroll6:49a year ago