Nick Presta nickpresta

React introduced shallow rendering in 0.13. This is an excellent feature that I wish was included earlier in React. It aims to solve the problem of unit testing components without going through a real, or jsdom mocked, DOM. I couldn't find any info online about what lifecycle events it actually fires. So I did some testing of my own. To reproduce, put component.js and test.js into a folder and run node test.js.

TLDR; shallow rendering only invokes the following lifecycle hooks (in order):

getDefaultProps
getInitialState
componentWillMount stops here until re-render
componentWillReceiveProps
shouldComponentUpdate
componentWillUpdate

When should you use DateTime and when should you use Time?

It's a common misconception that [William Shakespeare][1] and [Miguel de Cervantes][2] died on the same day in history - so much so that UNESCO named April 23 as [World Book Day because of this fact][3]. However because England hadn't yet adopted [Gregorian Calendar Reform][4] (and wouldn't until [1752][5]) their deaths are actually 10 days apart. Since Ruby's Time class implements a [proleptic Gregorian calendar][6] and has no concept of calendar reform then there's no way to express this. This is where DateTime steps in:

>> shakespeare = DateTime.iso8601('1616-04-23', Date::ENGLAND)
=> Tue, 23 Apr 1616 00:00:00 +0000
>> cervantes = DateTime.iso8601('1616-04-23', Date::ITALY)
=> Sat, 23 Apr 1616 00:00:00 +0000

Blog Posts

A mega FAQ about GraphQL/Relay:

https://gist.github.com/wincent/598fa75e22bdfa44cf47

A series of posts by Huey Petersen on GraphQL and ClojureScript:

http://hueypetersen.com/posts/2015/02/02/first-thoughts-on-graph-ql/ http://hueypetersen.com/posts/2015/02/08/modeling-queries-graph-ql-like/

Usage

(Create a symlink pytest for py.test)

pytest [options] [file_or_dir] [file_or_dir] ...

Help:

If you came here from a talk or workshop:

Please take a minute and send me some feedback here

Connect with me on LinkedIn or Twitter
Send me an email
Book a call

Get all the most current info here

	/**
	* Usage:
	*
	* import React from 'react';
	* import nullable from 'prop_nullable';
	*
	* let myClass = React.createClass({
	* propTypes: {
	* myProp: nullable( React.PropTypes.string ).isRequired,
	* myOtherProp: nullable( [React.PropTypes.string, React.PropTypes.number] )

	import React, { Component } from 'react';
	import { createStore, combineReducers, applyMiddleware, bindActionCreators } from 'redux';
	import { provide, connect } from 'react-redux';
	import thunk from 'redux-thunk';

	const AVAILABLE_SUBREDDITS = ['apple', 'pics'];

	// ------------
	// reducers
	// ------------

	import React from 'react';

	import { createContainer, graphql } from '../../../Relux';

	class EventDetail extends React.Component {

	render() {
	const { event } = this.props;

	if (event) {

	import { graphql, GraphQLString, GraphQLInt } from 'graphql';
	import { objectType, enumType, schemaFrom, listOf } from 'graphql-schema';
	import request from 'promisingagent';

	const repositorySortEnum = enumType('RepositorySort')
	.value('CREATED', 'created')
	.value('UPDATED', 'updated')
	.value('PUSHED', 'pushed')
	.value('FULL_NAME', 'full_name')
	.end();

	import { createStore } from 'redux';
	import { performanceMiddleware, performanceReducer, performancePrintTable } from './redux/util/performance';
	import thunkMiddleware from 'redux/lib/middleware/thunk';
	import promiseMiddleware from './redux/middleware/promiseMiddleware';
	import * as reducers from './reducers/index';

	// Util functions.
	function asyncAction(promise, request, success, failure) {
	return { types: [request, success, failure], promise };
	}

Nick Presta nickpresta

When should you use DateTime and when should you use Time?

Blog Posts

Usage

If you came here from a talk or workshop:

Older Talks and Info: