chriskavanagh

import { useState } from "react";

const Container = ({ children }) => <div>{children}</div>;

const AddOneButton = ({ setCounter }) => (
  <div>
    <button onClick={() => setCounter((v) => v + 1)}>Add One</button>
  </div>
);

chriskavanagh

import { useState, createContext, useContext } from "react";

const CounterContext = createContext(null);

const CounterContextProvider = ({ children }) => (
  <CounterContext.Provider value={useState(0)}>
    {children}
  </CounterContext.Provider>
);

chriskavanagh

import React from "react";
import { Formik } from "formik";
import * as Yup from "yup";
//import Error from "./Error";
import styled from "styled-components";

const Form = styled.form`
  width: 100%;
  max-width: 600px;
  margin: 25px auto;

chriskavanagh

import React from "react";
import { Formik, Field, ErrorMessage, Form } from "formik";
import * as Yup from "yup";
//import Error from "./Error";
import styled from "styled-components";

const Button = styled.button`
  background: gray;
  color: navy;
  width: 30%;

chriskavanagh

function App() {
  const size = useWindowSize();

  return (
    <div>
      {size.width}px / {size.height}px
    </div>
  );
}

chriskavanagh

<div class="nav-icon">
  <div></div>
</div>



https://codepen.io/chriskavanagh/pen/zYYjZGq

chriskavanagh

Add refs to each element in list using reduce, by creating obj.

list = [
  {
    id: "a",
    firstname: "Robin",
    lastname: "Wieruch",
    year: 1988
  },
  {

chriskavanagh

import React, { Component } from "react";
import Input from "./common/Input";

export default class LoginForm extends Component {
  state = {
    username: "",
    password: "",
    errors: {}
  };

chriskavanagh

import React, { Component } from "react";

export default class LoginForm extends Component {
  state = {
    username: "",
    password: ""
  };

  handleSubmit = e => {
    e.preventDefault();

chriskavanagh

import React, { Component } from "react";

export default class LoginForm extends Component {
  state = {
    username: "",
    password: ""
  };

  handleSubmit = e => {
    e.preventDefault();