Skip to content

Instantly share code, notes, and snippets.

View nesbtesh's full-sized avatar

Nessim Btesh nesbtesh

  • Boston
View GitHub Profile
export default class SomethingView extends BaseTemplate {
// You can always overide the other class functions
renderFooter() {
return (
<div>
...coool footer
</div>
);
}
export default class SetValueExample extends React.Component {
constructor() {
super();
this.state = {
myName: '',
};
}
setValue(e) {
this.setState({[e.target.name]: e.target.value});
componentDidMount(){
document.title = "Store Profile"
}
import React from "react";
import * as d3 from "d3";
import Tooltip from "./Tooltip"
import Icon from "./Icon"
import Spinner from "./Spinner2"
import Network from "./galaxy/Network"
var simulation;
export default class Galaxy extends React.Component {
@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 }
import React from "react";
export default class Login extends React.Component {
state = {
email: "",
password: ""
}
//THIS IS A DIFFERENT WAY TO BIND THIS TO THE FUNCTION
@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;
};
}
import React from "react";
import * as d3 from "d3";
var simulation;
var svg;
export default class Network extends React.Component {
shouldComponentUpdate(nextProps, nextState) {
return false;
}
@nesbtesh
nesbtesh / BadComponent.js
Created February 24, 2017 20:48
BAD EXAMPLE DONT USE THIS
import React from "react";
import * as d3 from "d3";
import Tooltip from "./Tooltip"
import Icon from "./Icon"
import Spinner from "./Spinner2"
import Network from "./galaxy/Network"
var simulation;
var svg;
export default class Galaxy extends React.Component {
import React from "react";
import {connect} from "react-redux";
import {bindActionCreators} from "redux";
import { push, replace } from "react-router-redux";
class AuthContainer extends React.Component {
componentWillReceiveProps(nextProps) {
this.isAuthenticated();
}