michaelmcshinsky

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

michaelmcshinsky

// V.1
// Use Case: Input, Checkbox & Select Handling
handleChange = (e) => {
  this.setState({[e.target.name]: e.target.type === 'checkbox' ? e.target.checked : e.target.value;
}

// V.2
// Use Case: State Object Handling for: Input, Checkbox & Select
handleChange = (e) => {
  // your target object

michaelmcshinsky

import React, { Component } from 'react'
import Header from './Header'
import Sidebar from './Sidebar'

export default class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      isSidebarOpen: false
    }

michaelmcshinsky

header.Header.Header--top {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -50px;
}

michaelmcshinsky

let namesArray = ['Adam', 'Bell', 'Cody', 'Dawn'];
let textArray = ['Dog', 'Cat', 'Horse', 'Cow'];
let numbersArray = [1, 2, 3, 4];

michaelmcshinsky

let arr = [
  {id: 1, name: 'Adam'},
  {id: 2, name: 'Bell'},
  {id: 3, name: 'Cody'},
  {id: 4, name: 'Dawn'}
];

michaelmcshinsky

import React from 'react';

export class SignUpForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: '',
      email: ''
    };
  }

michaelmcshinsky

import React, { useState } from 'React';

export function Form() {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');

  const handleSubmit = event => {
    event.preventDefault();
  }

michaelmcshinsky

{
  "api": {
    "CredentialUserData": {
      "__compat": {
        "mdn_url": "https://developer.mozilla.org/docs/Web/API/CredentialUserData",
        "support": {
          "chrome": {
            "version_added": "60"
          },
          "chrome_android": {

michaelmcshinsky

[
    {
        "name": "Alabama",
        "abbreviation": "AL"
    },
    {
        "name": "Alaska",
        "abbreviation": "AK"
    },
    {