Garrett Tacoronte garretttaco

React component templates and style guide

NOTE: This should be an ever changing document that is kept up to the date with the teams standard.

import order is important. No spaces should be added in between import statement. It is not needed as an identifier between different "imports types". The order is as follows:

Install command line tools:

then run this:

git config --global diff.tool bc3
git config --global difftool.bc3 trustExitCode true
git config --global merge.tool bc3

	defmodule FinalValue do
	def fibonacci(number) do
	[value \| _tail] = fibonacci_do(number)
	value
	end

	def fibonacci_do(1), do: [0]
	def fibonacci_do(2), do: [1 \| fibonacci_do(1)]

	def fibonacci_do(number) when number > 2 do

	def diff_ids_update(new, existing) do
	# Use MapSets to find differences in new ids vs current/existing ids. This really could be used for any many to many ids table.
	new = new \|> MapSet.new()
	existing = existing \|> MapSet.new()
	remove = MapSet.difference(existing, new) \|> MapSet.to_list()
	add = MapSet.difference(new, existing) \|> MapSet.to_list()
	{remove, add}
	end

	[
	{ "key": "capslock", "command": "extension.vim_escape" },
	{
	"key": "ctrl+j",
	"command": "workbench.action.terminal.toggleTerminal"
	},
	{
	"key": "ctrl+`",
	"command": "workbench.action.focusActiveEditorGroup",
	"when": "terminalFocus"

	So you've cloned somebody's repo from github, but now you want to fork it and contribute back. Never fear!

	Technically, when you fork "origin" should be your fork and "upstream" should be the project you forked; however, if you're willing to break this convention then it's easy.

	* Off the top of my head *

	1. Fork their repo on Github
	2. In your local, add a new remote to your fork; then fetch it, and push your changes up to it

	git remote add my-fork [email protected]

	// Definition - withPropertyHandlers.js
	import { compose, withHandlers } from 'recompose'

	function upperCaseFirstCharacter(str) {
	return `${str.charAt(0).toUpperCase()}${str.slice(1)}`
	}
	export default function withPropertyHandlers(
	properties,
	updaterName,
	updater,

	// Separate the container and presentional components

	import React, { Component } from 'react'

	// Presentational component is pure. It is only responsible for accepting props and returning JSX.
	const Child = ({ show, onClickShow, onClickHide }) => (
	<div>
	{show && <span>Now you can see me!</span>}
	<button onClick={onClickShow}>Show</button>
	<button onClick={onClickHide}>Hide</button>

	#!/bin/bash
	delete_nm() {
	find $1 -type d -maxdepth 1 -mtime +60 \| xargs -I $ find $ -type d -name node_modules -maxdepth 1 -exec echo rm -rf {} \;
	read -p "Are you sure you wish to delete the node_modules folders above? " -n 1 -r
	echo # (optional) move to a new line
	if [[ $REPLY =~ ^[Yy]$ ]]
	then
	find ~/Projects -type d -maxdepth 1 -mtime +60 \| xargs -I $ find $ -type d -name node_modules -maxdepth 1 -exec rm -rf {} \;
	echo "Finished delete"
	fi