Daniel Fiore taptapdan

At AT Media we publish ApartmentTherapy.com and TheKitchn.com. This is our current engineering stack & toolchain as of 10/21/2015.

WE ARE HIRING.

Who We Are

Our engineering & design teams currently consist of 9 (incredibly talented, friendly & collaborative) engineers (3 senior, 3 junior), web designer, product manager and CTO/short stop. We're currently hiring a second product manager and designer.

Our team (and much of the company) works remotely. Slack has quickly become our critical communication channel. We make heavy use of Slack integrations including our own bot to manage code deployment & staging environments.

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

Question 1

What object-oriented programming advice is this code violating?

def check_for_overheating(system_monitor)
  if system_monitor.temperature > 100
    system_monitor.sound_alarms
  end
end

Use these rapid keyboard shortcuts to control the GitHub Atom text editor on macOS.

Key to the Keys

⌘ : Command key
⌃ : Control key
⌫ : Delete key
← : Left arrow key
→ : Right arrow key
↑ : Up arrow key

	// Node script to download the Code Combat component source
	var https = require('https');
	var fs = require('fs');

	var componentDir = __dirname+'/components';

	// Make sure the components directory exists
	try {
	fs.mkdirSync(componentDir);
	} catch(e) {

	// Node script to download the Code Combat systems source
	var http = require('http');
	var fs = require('fs');

	var componentDir = __dirname+'/systems';

	// Make sure the components directory exists
	try {
	fs.mkdirSync(componentDir);
	} catch(e) {

	(function(currentView) {
	var thangs = currentView.level.get('thangs');
	var refereeThang = null;
	for(var i=0; i < thangs.length; i++) {
	var thang = thangs[i];
	if(thang.components) {
	for(var j=0; j < thang.components.length; j++) {
	var component = thang.components[j];
	if(component.config && component.config.extraCode) {
	refereeThang = thang;

	module.exports = {
	devtool: 'sourcemap',
	context: __dirname,
	entry: './entry.js',
	output: {
	filename: './dist/bundle.js'
	},
	module: {
	loaders: [
	// run babel first then ng-annotate

	{
	// --------------------------------------------------------------------
	// JSHint Configuration, Strict Edition, for PERTS
	// --------------------------------------------------------------------
	//
	// This is a options template for [JSHint][1], using [JSHint example][2]
	// and [Ory Band's example][3] as basis and setting config values to
	// be most strict:
	//
	// * set all enforcing options to true

	{
	"cmd": ["/usr/local/bin/babel-node $file"],
	"shell": true,
	"selector": "*.js"
	}