Skip to content

Instantly share code, notes, and snippets.

View nesbtesh's full-sized avatar

Nessim Btesh nesbtesh

  • Boston
View GitHub Profile
@nesbtesh
nesbtesh / DumbComponent.js
Last active November 20, 2016 22:01
Dumb Components in React
const DumbComponent = (props) => {
return (<div />);
}
@nesbtesh
nesbtesh / Container.js
Last active May 16, 2017 19:06
Parent container in React Redux
class Container extends React.Component {
render(){
const { props } = this;
return(
<div className="main-content">
{
React.Children.map(this.props.children, function(child) {
return React.cloneElement(
child,
{ ...props }
@nesbtesh
nesbtesh / Generators.js
Created August 17, 2016 14:49
Generators ES6
function* getStockValue() {
var entry1 = yield request('http://myrl.com/stock/key');
var data1 = JSON.parse(entry1);
var entry2 = yield request('http://myurl/stock/value');
var data2 = JSON.parse(entry2);
}
getJSON(url, function(response) {
getJSON(url, function(response) {
console.log(response);
});
});
@nesbtesh
nesbtesh / createConstants.js
Created August 24, 2016 13:31
Create Redux Constants
export function createConstants(...constants) {
return constants.reduce((acc, constant) => {
acc[constant] = constant;
return acc;
}, {});
}
@nesbtesh
nesbtesh / createReducer.js
Created August 24, 2016 13:32
Create Reducer Redux
export function createReducer(initialState, reducerMap) {
return (state = initialState, action) => {
const reducer = reducerMap[action.type];
return reducer
? reducer(state, action.payload)
: state;
};
}
@nesbtesh
nesbtesh / reducer.js
Created August 24, 2016 13:34
Usage of createReducer.js
import {createReducer} from '../../utils';
// Add the following for IE compatability
Object.assign = Object.assign || require('object-assign');
const initialState = {
'count': 0,
'receiving': false,
'pages': 0,
'documents': []
};
@nesbtesh
nesbtesh / objectComparison.js
Created August 24, 2016 13:35
Object comparison JS
export const isObjectEqual = (obj1, obj2) => {
if(!isObject(obj1) || !isObject(obj2)) {
return false;
}
if (obj1 === obj2) {
return true;
}
const item1Keys = Object.keys(obj1).sort();
@nesbtesh
nesbtesh / rederif.js
Last active November 20, 2016 00:06
React render if true
'use strict';
const isFunction = input => typeof input === 'function';
export default predicate => elemOrThunk =>
predicate ? (isFunction(elemOrThunk) ? elemOrThunk() : elemOrThunk) : null;
@nesbtesh
nesbtesh / renderIfExample.js
Last active August 26, 2016 01:28
Usage of render if
import renderIf from '../utils/renderif'
export default class RenderIfExample extends Component {
render() {
var isTrue = true;
return (
<div>
{renderIf(isTrue)(
<h1>I am being rendered</h1>