Geoffrey Dhuyvetters geoffreydhuyvetters

BEFORE

const Component = () = {

  // a
  // lot
  // of 
 // logic

React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.

You can force syntax highlighting on files in Atom by using customFileTypes in config.cson

"*":
  core:
    customFileTypes:
      "source.json": [
        ".eslintrc"
        ".babelrc"
 ]

	const fetchMachine = Machine({
	id: 'fetch',
	initial: 'idle',
	context: {
	},
	states: {
	idle: {
	on: {
	CHANGE_THEME: 'required_information_filled_in',
	CHANGE_TIME_TABLE: 'required_information_filled_in',

	#!/bin/bash

	# https://api.slack.com/legacy/custom-integrations/legacy-tokens
	slack_legacy_token=<insert-your-token-here>

	function set_slack_status {
	curl -s -S -X POST \
	-d "token=$1" \
	--data-urlencode "profile={\"status_text\": \"Focus time!\", \"status_emoji\": \"🍅\"}" \
	https://slack.com/api/users.profile.set

	import { css } from 'styled-components';

	export default {
	tablet: (...args) => css`
	@media (max-width: 1279px) {
	${css(...args)};
	}
	`,

	phone: (...args) => css`

	#!/usr/bin/env node

	for(i=0;i<100;)console.log((++i%3?'':'Fizz')+(i%5?'':'Buzz')\|\|i)

	document.addEventListener(`touchmove`, e => {
	e.preventDefault();
	});