Kyle Holzinger avegancafe

React NYC 11/9/2017

reactNYC youtube channel: youtube.com/reactNYC Slack Channel: nycjs.org.now.sh

Converting an application from angular 1.5 to react 16

Overview

It took 1 quarter
15 engineers, 100+ employees (a little smaller than VTS)

How to switch from nvm to n

# 1.
# remove nvm script
rm -rf ~/.nvm

# 2.
# Remove any references to nvm in your ~/.bashrc, ~/.zshrc, ~/.config/fish/config.fish or whatever your config file is

React Code Style Guide

This is our style guide for how we write our react code at VTS. Some of them are preferences, but if we all try to stick to them as much as possible hopefully we can have a maintainable, easy to read codebase. If something is not listed here, then we generally abide by the AirBnB's react style guide. If it's not in there either, use your best judgement.

React Migration Strategy

After 5 years of developing our application, VTS decided to move on from AngularJS and migrate to ReactJS for our UI layer. After countless complex features, UI interactions, and developer tools created in AngularJS, although we are sad to see it go, we have decided that the Angular ecosystem is no longer right for us. If you want to see more about what went into that decision, feel free to check out [this blog post](TODO: insert link here)! There I into detail about why we felt AngularJS wouldn't fit our needs going forwards.

	#!/bin/python2

	# Name: Kyle Holzinger

	import readWave as rd
	from math import atan, floor
	from matplotlib import pyplot as plt

	def pitch(name, start):
	# Skips first 2 seconds of file

	OASISFormat: 0.4
	Name: api
	Version: 0.0.1
	Authors: Kyle Holzinger
	License: MIT

	Executable "main"
	Path: src/
	BuildTools: ocamlbuild
	MainIs: main.ml

	<html>

	<head>
	<style>
	.container {
	max-height: 0;
	transition: max-height 200ms ease;
	overflow: hidden;
	}

	#! /usr/local/bin/node

	const p = parseInt(process.argv[2])
	const n = parseInt(process.argv[3])
	const d = parseInt(process.argv[4])

	const t = p + n + d

	const nps = p / t - d / t

	[
	{ "keys": ["super+shift+c"], "command": "copy_path" },
	{ "keys": ["ctrl+tab"], "command": "next_view" },
	{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
	{ "keys": ["ctrl+]"], "command": "goto_definition" },
	{ "keys": ["ctrl+t"], "command": "jump_back" },
	{ "keys": [" "], "command": "insert_snippet", "args": {"contents":" $0 "}, "context": [
	{ "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true },
	{ "key": "preceding_text", "operator": "regex_contains", "operand": "[\\(\\{\\[]$", "match_all": true },
	{ "key": "following_text", "operator": "regex_contains", "operand": "^[\\)\\}\\]]", "match_all": true }

	anthony = User.find_by_email('anthony.levy@viewthespace.com')
	admin_role = UserSecurityRole.find_by_code('ADMIN')
	anthony.update!(security_role: admin_role)