mohandere

// Example #1

const twice = (f, v) => f(f(v))
const add3 = v => v + 3
twice(add3, 7) // 13

// Example #2

const filter = (predicate, xs) => xs.filter(predicate)
const is = type => x => Object(x) instanceof type

mohandere

import React from 'react'

const higherOrderComponent = WrappedComponent => {
  class HOC extends React.Component {
    render() {
      return <WrappedComponent />
    }
  }
  return HOC
}

mohandere

// Example - 
// { category: 'Cloths', 'brand': 'Van H', collection: 'New' }.sortObject(['brand', 'category', 'collection']);
var sortingBasedOnArr = ['collection', 'brand', 'category'];
var targetObject = { category: 'Cloths', 'brand': 'Van H', collection: 'New' }

Object.prototype.sortObject = function(sortingArr) {
  var targetObj = this;
  var result = {}
  if (!targetObj) {
    return result;

mohandere

// Main service worker controller
function ServiceWorkerController() {
  this._toastsView = new ToastsView();
  this._register();
};

ServiceWorkerController.prototype._register = function() {
  if (!navigator.serviceWorker) return;
  var ServiceWorkerController = this;
  var swUrl = "/${optportalName}/service-worker/service-worker.js";

mohandere

{
  "name": "my-react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "babel-plugin-react-css-modules": "^3.4.2",
    "react": "^16.3.2",
    "react-dom": "^16.3.2",
    "react-scripts": "1.1.4"
  },

mohandere

// File - src/config-overrides.js
// react-app-rewired: Override create-react-app webpack configs without ejecting

const path = require("path");

const { compose, getLoader, injectBabelPlugin } = require("react-app-rewired");

function rewire(config, env) {

  const cssRules = getLoader(

mohandere

// File - src/App.js
import React, { Component } from 'react';
import logo from './logo.svg';
import Link from './Link';
import styles from './App.css';

class App extends Component {
  render() {
    return (
      <div className={styles.App}>

mohandere

// File - src/App.css

.App {
  text-align: center;
}

.AppLogo {
  height: 80px;
}

mohandere

import React, { Component } from 'react';
import{
    Grid, Row, Col,
    FormGroup, ControlLabel
} from 'react-bootstrap';
import { Field, reduxForm } from 'redux-form'
import { renderInputField, required, email } from 'utils/form-helpers'

let SettingsForm = props => {
  const { handleSubmit, submitting } = props

mohandere

import React from 'react';
import {
  Route,
  Switch
} from 'react-router';
import Loadable from 'react-loadable';
import AppLoader from './common/components/AppLoader';

// Import modules/routes
import About from './about';