Matthew Kelch kelchm

TypeScript type toolbelt

other gists
🔗 TS/JS utility functions
🔗 React utils

Deep Object Dot Path - Type support for deep objects with dot notation.

Brew Bundle Brewfile Tips

Copyright & License

Unless otherwise noted (either in this file or in a file's copyright section) the contents of this gist are Copyright ©️2020 by Christopher Allen, and are shared under spdx:Creative Commons Attribution Share Alike 4.0 International (CC-BY-SA-4.) open-source license.

Sponsor

If you more tips and advice like these, you can become a monthly patron on my GitHub Sponsor Page for as little as $5 a month; and your contributions will be multipled, as GitHub is matching the first $5,000! This gist is all about Homebrew, so if you like it you can support it by donating to them or becoming one of their Github Sponsors.

Notes

This code handles any JS runtime error during rendering React components. Without this handling, once an error occurs, whole component tree is damaged and can't be used at all. With this handling, nothing will be rendered in production environment (error span in dev env.) + in production the error is logged to Sentry (if you are not using it just delete related code)
This is basicaly a workaround for proposed feature in React core - described in Issue: facebook/react#2461
Works for all variants of Component creation - React.createClass, extending React.Component and also stateless functional components.
To get this work, just put this snippet into your entry js file. Then it will work in whole application.
Also supporting React Hot Reload!
If you find this useful, please retweet https://twitter.com/Aldredcz/status/744650159942995968 :)

Ideas

specify custom error renderer (global / per component, e.g. by implementing method renderOnError() in a comp

Make React PropType warnings throw errors with enzyme.js + sinon.js + mocha.js

A simple stateless functional component that we want to test that it renders without propType warnings.

import React, { PropTypes } from 'react'

let VersionListItem = function ({ active, version }) {
  return (

Add the following chunk to your existing ISC dhcpd.conf file.

if exists user-class and ( option user-class = "iPXE" ) {
    filename "http://boot.smidsrod.lan/boot.ipxe";
}
else {
    filename "undionly.kpxe";
}

(or see https://gist.github.com/4008017 for a more elaborate setup

	angular.module('mdChipDraggable', [])
	.directive('mdChipDraggable', function () {
	return {
	restrict: 'A',
	scope: {},
	bindToController: true,
	controllerAs: 'vm',
	controller: ['$document', '$scope', '$element', '$timeout',
	function ($document, $scope, $element, $timeout) {
	var vm = this;