Sven Anders Robbestad robbestad

https://twitter.com/snookca/status/1073299331262889984?s=21

‪“‬In what way is JS any more maintainable than CSS? How does writing CSS in JS make it any more maintainable?”

‪Happy to chat about this. There’s an obvious disclaimer that there’s a cost to css-in-js solutions, but that cost is paid specifically for the benefits it brings; as such it’s useful for some usecases, and not meant as a replacement for all workflows. ‬

‪(These conversations always get heated on twitter, so please believe that I’m here to converse, not to convince. In return, I promise to listen to you too and change my opinions; I’ve had mad respect for you for years and would consider your feedback a gift. Also, some of the stuff I’m writing might seem obvious to you; I’m not trying to tell you if all people of some of the details, but it might be useful to someone else who bumps into this who doesn’t have context)‬

So the big deal about css-in-js (cij) is selectors.

This is my personal list of functions that I wrote for converting `mov` files to `mp4`!

Command Flags

Flag	Options	Description
`-codec:a`	libfaac, libfdk_aac, libvorbis	Audio Codec
`-quality`	best, good, realtime	Video Quality
`-b:a`	128k, 192k, 256k, 320k	Audio Bitrate
`-codec:v`	mpeg4, libx264, libvpx-vp9	Video Codec

The issue:

..mobile browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is that the browser is waiting to see if you are actually performing a double tap.

(from a new defunct https://developers.google.com/mobile/articles/fast_buttons article)

touch-action CSS property can be used to disable this behaviour.

touch-action: manipulation The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming. Any additional behaviors supported by auto are out of scope for this specification.

Can't share the complete code because the app's closed source and still in stealth mode, but here's how I'm using React Router and Redux in a large app with server rendering and code splitting on routes.

Server

Wildcard Express route configures a Redux store for each request and makes an addReducers() callback available to the getComponents() method of each React Router route. Each route is responsible for adding any Redux reducers it needs when it's loaded. (This isn't really necessary on the

Huh?

So basically FlowType doesn't know about CSS Modules, a really handy way of dealing with the plagues of CSS in codebases (global variables and dependency wackiness mainly).

What WebPack allows us to do is "require" CSS files and use their class names:

import styles from "my_styles.css";
import React from "react";

React <-> D3 Resources

Thanks for all the stars.

Due to unexpected demand, I move this to a proper github repo, see here: https://github.com/chroth7/reactD3resources

I would very much like to get your PRs there, thank you!

The Ultimate Unit Testing Cheat-sheet

Sinon Chai
Chai
Sinon

	const audioCtx = new window.AudioContext();
	const oscillator = audioCtx.createOscillator();
	oscillator.connect(audioCtx.destination);
	oscillator.type = "sine";

	let numItems = 0

	oscillator.frequency.setValueAtTime(
	1,
	audioCtx.currentTime

	const Task = require('data.task');
	const Maybe = require('data.maybe');
	const { Reader, ReaderT } = require('ramda-fantasy');
	const R = require('ramda');
	const mysql = require('mysql');

	const request = require('request');

	const ReaderTask = Reader.T(Task);

	"use strict";

	var coolPeople = {};
	coolPeople[Symbol.iterator] = function* () {
	yield "Supriya";
	yield "Andy (Basu)";
	yield "Sachin";
	yield "Tom";
	};