hellobrian

const axios = require('axios');

const breakfastItems = {
  coffee: '☕',
  eggs: '🍳',
  bacon: '🥓'
};

const makeCoffee = (cb) => {
  return new Promise(resolve => {

hellobrian

@import '../../globals/scss/colors';
@import '../../globals/scss/typography';
@import '../../globals/scss/helper-mixins';
@import '../../globals/scss/import-once';
@import '../../globals/scss/css--reset';
@import '../../globals/scss/css--typography';

@include exports('carousel') {
  .bx--carousel {
    display: flex;

hellobrian

@import 'colors';
@import 'vars';
@import 'mixins';
@import 'typography';
@import 'import-once';

@mixin css-body {
  body {
    @include reset;

hellobrian

// prop callback
class Compoennt {
  render() {
    return (
      <div>
        <Thing onChange={(val) => {
          this.setState({ val1: val })
        }}/>
        <Thing onChange={(val) => {
          this.setState({ val2: val })

hellobrian

// prop callback
class Compoennt {
  render() {
    return (
      <div>
        <Thing onChange={(val) => {
          this.setState({ val1: val })
        }}/>
        <Thing onChange={(val) => {
          this.setState({ val2: val })

hellobrian

// prop callback
class Compoennt {
  render() {
    return (
      <div>
        <Thing onChange={(val) => {
          this.setState({ val1: val })
        }}/>
        <Thing onChange={(val) => {
          this.setState({ val2: val })

hellobrian

////////////////////////////////////////////////////////////////////////////////
// Exercise:
//
// - Refactor App by creating a new component named `<GeoPosition>`
// - <GeoPosition> should use a child render callback that passes
//   to <App> the latitude and longitude state
// - When you're done, <App> should no longer have anything but
//   a render method
//
// Got extra time?

hellobrian

React Icons

A Pen by Brian Han on CodePen.

License.

hellobrian

Material Tabs

A Pen by Brian Han on CodePen.

License.

hellobrian

{
  "name": "npm-lifecycle-events",
  "version": "1.0.0",
  "main": "example.js",
  "scripts": {
    "build": "node example.js",
    "dev": "node example.js",
    "start": "node example.js"
  },
  "author": "Brian Han",