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 BaseTemplate extends React.Component {
setValue = (e) => {
const obj = {};
obj[e.target.name] = e.target.value;
this.setState(obj);
}
someOtherGlobalFunction() {
.....
}
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 {
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();
}
import { checkHttpStatus, parseJSON } from '../utils';
import {LOGIN_USER_REQUEST, LOGIN_USER_FAILURE, LOGIN_USER_SUCCESS, LOGOUT_USER, FETCH_PROTECTED_DATA_REQUEST, RECEIVE_PROTECTED_DATA} from '../constants';
import { pushState } from 'redux-router';
import jwtDecode from 'jwt-decode';
export function loginUserSuccess(token) {
localStorage.setItem('token', token);
return {
type: LOGIN_USER_SUCCESS,
payload: {
import {createReducer} from '../utils';
import {LOGIN_USER_REQUEST, LOGIN_USER_SUCCESS, LOGIN_USER_FAILURE, LOGOUT_USER} from '../constants';
import {pushState} from 'redux-router';
import jwtDecode from 'jwt-decode';
const initialState = {
token: null,
userName: null,
isAuthenticated: false,
isAuthenticating: false,
import React from "react";
export default class Tooltip extends React.Component {
state = {
visible: false,
imageStatus: null
}
handleImageLoaded = () => {
import React from "react";
import {parseUri} from "../../../utils";
const AutocompleteItem = (props) => {
const {props} = this;
const selectedClass = props.selected === true ? "selected" : "";
var path = parseUri(props.url).path;
path = path.length <= 0 ? props.url : "..." + path;
import React from "react";
import {parseUri} from "../../../utils";
export default class AutocompleteItem extends React.Component {
shouldComponentUpdate(nextProps, nextState) {
if(
nextProps.url !== this.props.url ||
nextProps.selected !== this.props.selected
){