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/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

{
  "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

// 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

// 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

import React from 'react'

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

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

const ProductCard = props => {
  return (
    <div>
      <hr />
      <p>
        <b>Title:</b> {props.title}
      </p>
      <p>
        <b>Style:</b> {props.style}
      </p>

mohandere

const propsProxyHOC = (WraapperComponent) => {
  return class extends React.Component {
    state = {
      count: 0
    }
    render() {
      // Pass thru the props that the HOC receives
      return <WraapperComponent {...this.props} {...this.state} />
    }
  }

mohandere

const ProductCard = props => {
  return (
    <div className="product">
      <p>
        <b>Title:</b> {props.title}
      </p>
      <p>
        <b>Style:</b> {props.style}
      </p>
      <p>