arlodesign

1. Download this gist into a csscompare folder

2. npm install

3. Create before and after folders. Your folder should now look like this:

    - /csscompare
    |- /after
    |- /before
    |- /npm_modules
    |- index.js
   

|- package.json

piotrfonte

export const lines = {
  h: '1.8em',
  l: '1.6em',
  m: '1.4em',
  s: '1.2em',
  x: '1',
  n: '0',
}

export const _line = lines;

oliverturner

Orta.vscode-jest
Shan.code-settings-sync
christian-kohler.npm-intellisense
christian-kohler.path-intellisense
codezombiech.gitignore
dbaeumer.vscode-eslint
esbenp.prettier-vscode
jasonlhy.vscode-browser-sync
jpoissonnier.vscode-styled-components
kumar-harsh.graphql-for-vscode

davo

import * as React from 'react'

const container: React.CSSProperties = {
	width: '100%',
	height: '100%',
	display: 'grid',
	gridTemplateColumns: '10rem 10rem 10rem 10rem'
}

const item: React.CSSProperties = {

aalokt89

import * as React from "react";
import {
  Frame,
  Data,
  Animatable,
  animate,
  PropertyControls,
  ControlType
} from "framer";

romannurik

import { ControlType, PropertyControls } from "framer";
import * as React from "react";
 
 
interface TabWidgetProps {
  selectedTab: number;
  accentColor: string;
}
 
 

threepointone

// inifinite scrolling of content without extra wrappers 
const { render, findDOMNode  } = ReactDOMFiber

class App extends React.Component {
  render() {
  // wrap the root element with an Intersection Observer, exposing .observe for children
    return <Intersection>
      <div style={{ height: 200, overflow: 'auto' }}>
        <Page offset={0} count={10} />
      </div>

paulsturgess

import React from 'react';
import TestUtils from 'react/lib/ReactTestUtils';
import Todo from './Todo';

describe('Todo', () => {
  let instance, li;
  let Wrapper = React.createClass({
    render: function() {
      return this.props.children;
    }

winkerVSbecks

static propertyControls: PropertyControls = {
  text: { type: ControlType.String, title: 'Text' },
  fontSize: {
    type: ControlType.FusedNumber,
    toggleKey: 'fontPerBP',
    toggleTitles: ['Font', 'Font per BP'],
    valueKeys: ['font1', 'font2', 'font3', 'font4'],
    valueLabels: theme.breakpoints.map(s => s.replace('px', '')),
    min: 0,
    title: 'Font Size',

scmx

Make React PropType warnings throw errors with enzyme.js + sinon.js + mocha.js

A simple stateless functional component that we want to test that it renders without propType warnings.

import React, { PropTypes } from 'react'

let VersionListItem = function ({ active, version }) {
  return (