truthseekers

SPC f f -  Find files and move around in file system

    CTRL + vim bindings move around

    CTRL + h = move up directory

    / - get to root

    ~/ - get to home/

truthseekers

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

class TodoApp extends React.Component{

  constructor(props){
    super(props);

truthseekers

class TodoApp extends React.Component{

  constructor(props){
    super(props);
    // Set initial state
    this.state = {
      items: ['Buy enchiladas', 'Buy Carrots', 'Buy Celery', 'add a form']

    };
  };

truthseekers

class TodoList extends React.Component{

  constructor(props){
    super(props);

    this.state = {
      items: ['Buy enchiladas', 'Buy Carrots', 'Buy Celery']
    };
  }

truthseekers

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

class Todo extends React.Component {
  constructor(props){
    super(props);
  }

truthseekers

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Counter from './Counter';
import registerServiceWorker from './registerServiceWorker';
 
ReactDOM.render(<div>
                <app></app>
                <counter></counter>

truthseekers

import React, { Component } from 'react';
 
class Counter extends Component {
 
    constructor(props) {
        super(props);
        this.state = {
            count: 0
        }
    }

truthseekers

increment() {
    this.setState((prevState) => {
        return {count: prevState.count + 1}
    });
}
 
decrement() {
    this.setState((prevState) => {
        return {count: prevState.count - 1}
    });

truthseekers

increment() {
    alert("I've been incremented!");
}
 
decrement() {
    alert("I've been decremented!");
}
 
 
render() {

truthseekers

render() {
  return (
    <div classname="App">
      <p>I am a: {this.state.job_title}</p>
      <p>My favorite hobby is: {this.state.fav_hobby}</p>
      <p>Count: {this.state.count}</p>
    </div>       
  );
}