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' };

DavidAce

Pebre (salsa)

This is how I make pebre, but here is another variant: https://www.youtube.com/watch?v=YP0TqSGeUiQ

• 4 large tomatoes or the correspoding amount of cherry tomatoes. Choose the tastiest. On large tomatoes, remove the insides to reduce water.
• 1 mild onion (red, shallot, silver etc)
• 2 garlic cloves
• 2 limes (or lemon)
• 1-2 chillies (or sambal oelek), to taste.
• 1/2 dl red wine vinegar
• Lots (1 pot, a handful, or 100-200 grams?) of koriander/cilantro.

DavidAce

Tacos al pastor

Inspiration härifrån, men jag gör lite annorlunda: https://www.youtube.com/watch?v=Ftw7RiaVH4U

Ingredienser (~4 personer):

• 900 g kycklingfilé, skivat till 1 cm breda remsor.
• 1 dl vitvinsvinäger
• 10-20 g axiote (http://www.andale.se/product/achiote-100-g , finns på ica-liljeholmen också)
• 2-3 tomater
• 1 gul lök
• 2 vitlöksklyftor

lydell

module Main exposing (..)

import Html exposing (Html, div, button, text)
import Html.App
import Html.Events exposing (onClick)


main : Program Never
main =
    Html.App.beginnerProgram

MattMcFarland

atom-text-editor {
  font-family: 'Fira Code';
  font-style: normal;  
  text-rendering: optimizeLegibility;
}
atom-text-editor::shadow {
  .string.quoted,
  .string.regexp {
    -webkit-font-feature-settings: "liga" off, "calt" off;
  }

justinwoo

import React from 'react';

/**
 * Counter.js
 *
 * exposes:
 *   init
 *   update
 *   view
 */

vjpr

Reduce boilerplate in Redux

• Create actions similar to Flummox.
• Generate action ids.
• Supports actions with promises, and therefore ES7 async.

ohanhi

Learning FP the hard way: Experiences on the Elm language

by Ossi Hanhinen, @ohanhi

with the support of Futurice 💚.

Licensed under CC BY 4.0.

Editorial note

omnibs

Comparative Benchmark Numbers @ Rackspace

I've taken the benchmarks from Matthew Rothenberg's phoenix-showdown, updated Phoenix to 0.13.1 and ran the tests on the most powerful machines available at Rackspace.

Results

Framework	Throughput (req/s)	Latency (ms)	Consistency (σ ms)

acdlite

/**
 * Basic proof of concept.
 * - Hot reloadable
 * - Stateless stores
 * - Stores and action creators interoperable with Redux.
 */

import React, { Component } from 'react';

export default function dispatch(store, atom, action) {