Skip to content

Instantly share code, notes, and snippets.

View emmabostian's full-sized avatar
💻
They see me codin', they hatin'

Emma Bostian emmabostian

💻
They see me codin', they hatin'
7.5k followers · 15 following
View GitHub Profile
@emmabostian
emmabostian / _elements.scss
Created August 11, 2018 06:29
h1 {
background-color: $color-main;
font-family: $font-main;
}
@emmabostian
emmabostian / index.scss
Created August 11, 2018 06:30
@import 'base/variables';
@import 'base/elements';
@emmabostian
emmabostian / Recipe.js
Created August 11, 2018 06:53
import React, { Component } from 'react';
class Recipe extends Component {
render() {
return (
<div className="Recipe"></div>
);
}
}
@emmabostian
emmabostian / App.js
Last active August 11, 2018 07:58
import React, { Component } from 'react';
import Recipe from './Recipe';
class App extends Component {
constructor(props) {
super(props);
this.state = {
recipes: [
{
@emmabostian
emmabostian / Recipe.js
Last active August 11, 2018 07:35
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Recipe extends Component {
render() {
const ingredients = this.props.ingredients.map((ingredient, i) => <li key={i}>{ingredient}</li>);
const steps = this.props.steps.map((step, i) => <li key={i}>{step}</li>);
return (
<div className="Recipe">
@emmabostian
emmabostian / App.js
Last active August 11, 2018 07:56
import React, { Component } from 'react';
import Recipe from './Recipe';
class App extends Component {
constructor(props) {
super(props);
this.state = {
recipes: [
{
@emmabostian
emmabostian / Navigation.js
Last active August 11, 2018 08:04
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Navigation extends Component {
render() {
return (
<div className="Navigation"></div>
);
}
}
@emmabostian
emmabostian / App.js
Last active August 11, 2018 08:09
import React, { Component } from 'react';
import Recipe from './Recipe';
class App extends Component {
constructor(props) {
super(props);
this.state = {
recipes: [
{
@emmabostian
emmabostian / App.js
Created August 12, 2018 05:25
import React, { Component } from 'react';
import Recipe from './Recipe';
import Navigation from './Navigation';
class App extends Component {
constructor(props) {
super(props);
this.selectNewRecipe = this.selectNewRecipe.bind(this);
this.state = {
@emmabostian
emmabostian / Navigation.js
Created August 12, 2018 05:27
import React, { Component } from 'react';
import PropTypes from 'prop-types';
class Navigation extends Component {
render() {
return (
<div className="Navigation">
<ul>
{