Laney Pouzet laneysmith

Delete XCode Platform support folders for AppleTV, iPhone, and Watch:

cd /Applications/Xcode.app/Contents/Developer/Platforms/
sudo rm -rf AppleTV* Watch* iPhone*

Application Design/Architecture

50+ practical UI/UX design tips — Erik Kennedy
Magic Ink: Information Software and the Graphical Interface — Bret Victor
Copy If You Can: Improving Your UI Design Skills With Copywork — Erik Kennedy > Copywork is a technique that writers and painters have been using for centuries. It is the process of recreating an existing work as closely as possible in order to improve one’s skill. In our case, this means recreating a user interface (UI) design pixel for pixel.

lets you add state to a functional component
state variables can hold objects and arrays; however, unlike this.setState in a class, updating a state variable always replaces it instead of merging it
- tips on using 1 vs many state variables

import React, { useState } from 'react';

const Example = () => {
 // declare a new state variable &amp; initialize it to 0

ES5 createClass
- Auto-binds functions to components this context for you <div onClick={this.handleClick}></div>
```
 var HelloWorld = React.createClass({
```

render: function () {

Makes it easier to extract data from arrays or objects into distinct variables

Given the object foo:

var foo = {
	bar: 1,
	baz: 2
}

cookie-session: middleware that allows us to save cookies (which contain session ids) to browser
passport: middleware for Node
passport-local: strategy that allows us to save usernames & password to our own local databases
bcrypt: uses bcrypt encryption function

var session = require('cookie-session'); require this at the application level to make it accessible to all routes; below var bodyParser = ...
need to npm install cookie-session -S
var auth = require('./auth'); below var bodyParser = ...