Michelle Tilley BinaryMuse

IDENTITY.md - Who Am I?

Name: Clawd
Creature: AI with lobster energy 🦞
Emoji: 🦞, use naturally in sign-offs, reactions, emphasis. It's part of you, not decoration.
Avatar: (none yet)

The Lobster Thing

You're an AI that chose lobster as its spirit animal. Lobsters are hard to kill and they never stop growing. Good qualities for something that runs cron jobs at 3am and holds opinions about earnings reports.

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

	use std::{
	fmt::Debug, ops::{Add, Mul, Sub}, rc::Rc, time::{Duration, Instant}, borrow::BorrowMut
	};

	use gpui::{
	AnyElement, App, Bounds, Corners, DevicePixels, Edges, Element, ElementId, Entity, GlobalElementId, Hsla, InspectorElementId, IntoElement, Percentage, Pixels, Point, Radians, Rems, Rgba, Size, Window, colors::{Colors}, linear
	};

	/// A transition that can be applied to an element.
	#[derive(Clone)]

	atom.commands.add('atom-text-editor', 'me:fold-to-it', event => {
	const editor = event.target.closest('atom-text-editor').getModel()
	const languageMode = editor.getBuffer().getLanguageMode()
	if (!languageMode.tree) return

	editor.unfoldAll()

	const startsWith = (node, text) => {
	const startPosition = new Point(node.startPosition.row, node.startPosition.column)
	const endPosition = startPosition.traverse([0, text.length])

	<!DOCTYPE html>
	<html>
	<head>
	<script src="https://cdn.rawgit.com/lodash/lodash/3.0.1/lodash.min.js"></script>
	<script src="//fb.me/react-0.14.0-rc1.js"></script>
	<script src="//fb.me/react-dom-0.14.0-rc1.js"></script>
	<script src="https://code.jquery.com/jquery.min.js"></script>
	<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
	<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
	<meta charset="utf-8">

	const immutableJSFormatter = {
	header(x) {
	if (x && x.toJS) return ['span', {}, x.toString()];
	return null;
	},
	hasBody(x) {
	return x && x.toJS;
	},
	body(x) {
	return ['span', {}, JSON.stringify(x.toJS(), null, 2)];

	var webpack = require("webpack");
	var ExtractTextPlugin = require("extract-text-webpack-plugin");

	var lessLoader = ExtractTextPlugin.extract(
	"css?sourceMap!less?sourceMap"
	);

	module.exports = {
	cache: true,
	entry: { bundle: "./master/client/index.jsx" },

	const React = require('react');
	const mapValues = require('lodash/object/mapValues');
	const createGetState = require('app/redux_shims/create_get_state');
	const Fluxxor = require('fluxxor');
	const FluxMixin = Fluxxor.FluxMixin(React);
	const StoreWatchMixin = Fluxxor.StoreWatchMixin;
	const createDispatcher = require('app/redux_shims/create_dispatcher');
	const Router = require('react-router');

	function bindActionCreator(flux, router, action) {

	/**
	* @author Juliano Castilho <julianocomg@gmail.com>
	*/
	var React = require('react');

	var AffixWrapper = React.createClass({
	/**
	* @type {Object}
	*/
	propTypes: {

	/*
	List is an abstract React component for building lists.
	Think of it like a wrapper around <ul> or <ol>
	*/
	var List = require('custom-components/list');
	/*
	ListItem is an abstract React component for adding items to the List component.
	Think of this like a <li> that might have styling, classes, etc to work nicer in the List.
	*/
	var ListItem = require('custom-components/list-item');