gaearon

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

• Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

threepointone

A series of posts on css-in-js

0. styles as objects

First, an exercise. Can we represent all of css with plain data? Let's try.

let redText = { color: 'red' };

joshwcomeau

// @flow
// Reimplementation of the jQuery plugin "FitText"
// https://github.com/davatron5000/FitText.js/blob/master/jquery.fittext.js

import React, { PureComponent } from 'react';

type Props = {
  compressor: number,
  children: React$Node,
};

aantipov

import React from "react";
import ReactDOM from "react-dom";
import { fromPairs, map, pick } from "ramda";

/**
 * Wraps a React component into Angular component. Returns a new Angular component.
 *
 * Usage: angular.module('some.module').component('newAngularComponent', react2angular(MyReactComponent))
 * (the usage is the same as in similar lib https://github.com/coatue-oss/react2angular)
 */

threepointone

I made a little styling lib called glam

(some features are in development)

one

let's start off with the simplest use case. we'll make an 'index.html' page, and assume we've setup our js bundler to output bundle.js

shyiko

(assuming project is hosted on GitLab)

1. Enable shared runners by going to "Settings" > "Runners".
2. Add .gitlab-ci.yml with the following content:

image: node:6.9.1
pages: 
  artifacts: 
paths: 

betaorbust

ES2015 Syntax Check for use with Progressive Transpilation

The attached file file spits out a string for direct injection into the head of a page, which will be a lightweight test of the ability to parse and run ES2015 syntax.

Unminified version

This is the original source for the test-case below:

class ಠ_ಠ extends Array{

mattdsteele

Bracketology based on the 2016 presidential election.

Schools advance based on whichever county had the higher Hillary Clinton vote percentage. Maryland is going to take it all with 85%, apparently.

View bracket

Methodology

• Grabbed schools from FiveThirtyEight
• Found which city each school was in by tapping into Peterson's search

nrollr

Install MySQL on macOS Sierra

This procedure explains how to install MySQL using Homebrew on macOS Sierra 10.12

Install Homebrew

• Installing Homebrew is effortless, open Terminal and enter :
  $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
• Note: Homebrew will download and install Command Line Tools for Xcode 8.0 as part of the installation process.

Install MySQL

At this time of writing, Homebrew has MySQL version 5.7.15 as default formulae in its main repository :

bendc

:root {
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);

  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);