loganpowell

// found through: https://blog.graph.cool/all-you-need-to-know-about-apollo-client-2-7e27e36d62fd

import React from 'react'
import ReactDOM from 'react-dom'
import ListPage from './components/ListPage'
import CreatePage from './components/CreatePage'
import DetailPage from './components/DetailPage'
import {BrowserRouter as Router, Route} from 'react-router-dom'
import { ApolloProvider } from 'react-apollo'
import { ApolloClient } from 'apollo-client'

loganpowell

// from: https://github.com/styled-components/styled-components/issues/416#issuecomment-276230181

import React from 'react';
import classnames from 'classnames';
import styled from 'styled-components';
import { ContainerQuery } from 'react-container-query';

const query = {
  'box1': {
    minWidth: 250,

loganpowell

/**
* Example of how to get the number of followers for a Medium.com User.
*
*
* Related  links:
* https://github.com/Medium/medium-api-docs/issues/30#issuecomment-227911763
* https://github.com/Medium/medium-api-docs/issues/73
*/

// LODASH

loganpowell

// from: https://dev.to/underdogio/adding-animations-to-your-react-app-with-react-transition-group

import './styles.css'
import React from 'react'
import Transition from 'react-transition-group/Transition'
import TransitionGroup from 'react-transition-group/TransitionGroup'
import {render} from 'react-dom'

function Card ({children, onRemove}) {
  return (

loganpowell

// from: https://github.com/acdlite/recompose/issues/427#issuecomment-320080852
compose(
  withState(
    'interaction',
    'setInteraction',
    // Props get passed in here, but we're ignoring them.
    () => {
      const interaction = {
        scrollPositionY: new Animated.Value(0),
      };

loganpowell

//from: https://reactpatterns.com/#event-switch

class NameContainer extends React.Component {
  constructor() {
    super()
    this.state = {name: ""}
  }

  render() {
    return <Name onChange={newName => this.setState({name: newName})} />

loganpowell

// from: https://www.zhubert.com/blog/2016/02/05/react-composability-patterns/

const DataGetter = React.createClass({
  render() {
    const { children } = this.props
    const data = [ 1,2,3,4,5 ]
    return children(data)
  }
})

loganpowell

// from: https://dev.to/underdogio/adding-animations-to-your-react-app-with-react-transition-group

import './styles.css'
import React from 'react'
import Transition from 'react-transition-group/Transition'
import TransitionGroup from 'react-transition-group/TransitionGroup'
import {render} from 'react-dom'

function Card ({children, onRemove}) {
  return (

loganpowell

// from: https://medium.jasonmdesign.com/display-medium-articles-on-your-site-d772b3b05779
// Resources:
// https://codepen.io/loganpowell/pen/ppxYVz
// https://help.medium.com/hc/en-us/articles/214874118-RSS-feeds

$(function () {
	var $content = $('#jsonContent');
	var data = {
		rss_url: 'https://medium.jasonmdesign.com/feed'
	};

loganpowell

// from: https://github.com/ReactTraining/react-router/issues/4635#issuecomment-297828995

import React from 'react';
import {withRouter} from 'react-router-dom';
import PropTypes from 'prop-types';

/**
 * A replacement component for the react-router `Prompt`.
 * Allows for more flexible dialogs.
 *