IreneIrene

Redux Selector Pattern

Imagine we have a reducer to control a list of items:

function listOfItems(state: Array<Object> = [], action: Object = {}): Array<Object> {
  switch(action.type) {
    case 'SHOW_ALL_ITEMS':
      return action.data.items
    default:

IreneIrene

//
// Regular Expression for URL validation
//
// Author: Diego Perini
// Updated: 2010/12/05
// License: MIT
//
// Copyright (c) 2010-2013 Diego Perini (http://www.iport.it)
//
// Permission is hereby granted, free of charge, to any person

IreneIrene

Amend the last commit message

git commit --amend -m "New and correct message"

Create a new branch

git branch new_branch

git checkout -b new_branch // create a branch and switch to it

Rename Branch

IreneIrene

var uniqueArray = function(arrArg) {
  return arrArg.filter(function(elem, pos,arr) {
    return arr.indexOf(elem) == pos;
  });
};

var uniqEs6 = (arrArg) => {
  return arrArg.filter((elem, pos, arr) => {
    return arr.indexOf(elem) == pos;
  });

IreneIrene

Angular Resources

General Learning

• https://github.com/jmcunningham/AngularJS-Learning
• http://www.designyourway.net/blog/resources/so-you-want-to-learn-angularjs-start-with-these-tutorials-and-resources/
• https://thinkster.io/a-better-way-to-learn-angularjs/
• http://toddmotto.com/ultimate-guide-to-learning-angular-js-in-one-day/
• http://www.ng-newsletter.com/posts/beginner2expert-how_to_start.html
• http://lostechies.com/gabrielschenker/2014/02/26/angular-js-blog-series-table-of-content/
• https://leanpub.com/recipes-with-angular-js/read

IreneIrene

React Lifecycle

• https://facebook.github.io/react/docs/component-specs.html

IreneIrene

// It is important to declare your variables.

(function() {
    var foo = 'Hello, world!';
    print(foo);  //=> Hello, world!
})();

// Because if you don't, the become global variables.

(function() {

IreneIrene

/*  Sometimes it's pretty easy to run ito troubles with React ES6 components.
    Consider the following code: */

class EventStub extends Component {
  componentDidMount() {
    window.addEventListener('resize', this.onResize.bind(this)); //notice .bind
  }
  
  componentWillUnmount() {
    window.removeEventListener('resize', this.onResize.bind(this));

IreneIrene

/**
 * Classes and Inheritance
 * Code Example from http://www.es6fiddle.net/
 */
class Polygon {
  constructor(height, width) { //class constructor
    this.name = 'Polygon';
    this.height = height;
    this.width = width;
  }

IreneIrene

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => {
  return [1, 2, 3];