josephrexme

import React, { useMemo } from 'react';
import { graphql, useStaticQuery } from 'gatsby';
import Img from 'gatsby-image';

const MyComponent = ({ src, ...props }) => {
  const data = useStaticQuery(graphql`
    query {
      myStuff( ) {
      }
    }

josephrexme

// The reducer function looks at each action that comes in
// and based on the type generates a new state based on the
// previous state and any additional data the action carried
const reducer = (state, action) => {
  switch (action.type) {
    case "COUNT_INCREMENT":
      return {
        ...state,
        count: state.count + 1
      };

josephrexme

josephrexme

/**
 * Grid:
 * Using flexbox for the grid, inspired by Philip Walton:
 * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
 * By default each .col within a .row will evenly take up
 * available width, and the height of each .col with take
 * up the height of the tallest .col in the same .row.
 *
 *   @example
 *   <div class="row">

josephrexme

const TrumpSort = (arr) => {
  let pushArray = [0];
  let wallHeight = pushArray[pushArray.length - 1];
  arr.forEach((v, i) => {
    if(v > wallHeight) pushArray.push(v);
  });
  pushArray.shift();
  return pushArray;
};

josephrexme

/**
 * The first commented line is your dabblet’s title
 */
/*
.row{
}
.row::before, .row::after{
  content: ' ';
  display: table;
}

josephrexme

#Model 

@user.should have(1).error_on(:username) # Checks whether there is an error in username 
@user.errors[:username].should include("can't be blank")  # check for the error message 

#Rendering
response.should render_template(:index)

#Redirecting 
response.should redirect_to(movies_path)

josephrexme

select generate_series as num, 
       case when generate_series % 15 = 0
                then 'fizzbuzz' 
            when generate_series % 3 = 0 
                then 'fizz' 
            when generate_series % 5 = 0 
                then 'buzz' 
            else '' end 
       as fizzbuzz 
  from generate_series(1, 100);

josephrexme

<?php
namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Category extends Model{
  public function subcategories(){
   return this->hasMany('App\Subcategory')
  }
}

josephrexme

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---