iHani

// Higher Order Component (HOC) : A component that renders another component
// Goal: Reduce code, render hijacking, prop manipulation, abstract state
// Inspired by mead.io videos on Udemy

import React from 'react'
import reactDOM from 'react-dom'

const info = (props) => (
  <div>
    <h1>Hello { props.isAdmin ? 'admin' : 'guest' }</h1>

iHani

/*
* Object Destructuring
*/
const book = {
  title: 'ReWork',
  author: 'Some guy',
  publisher: {
    name: 'Penguin'
  }
}

iHani

/*
* ** Diffrence between Tasks and Promises:
* Once settled, a promise can not be resettled. Calling resolve() or reject() again will have no effect. The immutability of a settled promise is an important feature.
* https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-promise-27fc71e77261
* *** First arg is for 'resolved' status, and the second is for 'rejected'
*/

// exampe 1
const myPromise = function () {
  return new Promise((Yay, Nay) => {

iHani

class Person {
  constructor(name = 'Anonymous', age = 0) {
    this.name = name
    this.age = age
  }
  getGreeting(){
    return `Hi, I am ${this.name}`
  }
  getDescription(){
    return `${this.name} is ${this.age} years old`

iHani

/*
*     forEach
*/
// forEach is very simlar to for-looping arr.length
// array.forEach(callback, context)
var arr = ['apple', 'orange', 'watermelon', 10, 20, 30]

arr.forEach((value, index) => console.log(`Element's ${index} type is ${typeof value}`))
// Prints:
// Element 0 type is string

kiok46

Redux Setup

Implementation of redux inside any react.js or react-native application,

• we will create an instance of the redux store.
• We are going to create a provider tag from react redux library
• Then render that provider tag passing in the store as a prop, then any child component to this provider tag will have access to this store through the context system inside of react.
• import { Provider } from ‘react-redux’; // In main.js
• to create a store create one in a separate folder.

spences10

Useful Git commands

This is just stuff that I have put down that I find I use a lot of the time for my own reference.

Latest changes from repo to your machine

$ git pull

gaearon

function mapValues(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    result[key] = fn(obj[key], key);
    return result;
  }, {});
}

function pick(obj, fn) {
  return Object.keys(obj).reduce((result, key) => {
    if (fn(obj[key])) {

PurpleBooth

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

danielstocks

// Example implementation: http://jsfiddle.net/2f7w2fpn/

var indent = 1;
function walk(tree) {
	tree.forEach(function(node) {
		console.log('--' + Array(indent).join('--'), node.key);
		if(node.children) {
			indent ++;
			walk(node.children);
		}