codeAdrian

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

const PrivateRoute = ({
    component: Component,
    isAuthenticated,
    redirectTo,
    ...rest
}) => (
    <Route

codeAdrian

import React, { Component } from "react";

const WithForm = (FormFields, action) => {
	return class Form extends Component {
		handleOnChange = event => {
			const inputTarget = event.currentTarget || event.srcElement;
			const { title, value } = inputTarget;
			this.setState(
				{
					[title]: value

codeAdrian

const user = {
  firstName: "John",
};

const userProxy = new Proxy(user, {});

console.log(userProxy.firstName); // John

userProxy.firstName = "Johnny";

codeAdrian

const user = {
  firstName: "John",
};

const getHandler = (obj, prop) => {
   // get object attributes
   if(prop in obj) {
     return obj[prop];
   }
   

codeAdrian

const user = {
  firstName: "John",
};

const getHandler = (obj, prop) => {
   // get object attributes
   if(prop in obj) {
     return Reflect.get(obj, prop); // Use object's static method
   }
   

codeAdrian

/* UTILS */

const getFullName = (firstName, lastName, middleName) =>
  [firstName, middleName, lastName].filter((n) => !!n).join(" ");

const getFormattedBalance = (locale, currency, value) => {
  return new Intl.NumberFormat(locale, {
    style: "currency",
    currency
  }).format(value);

codeAdrian

/* UTILS */
const getFullName = (firstName, lastName, middleName) =>
  [firstName, middleName, lastName].filter((n) => !!n).join(" ");

const getFormattedBalance = (locale, currency, value) => {
  return new Intl.NumberFormat(locale, {
    style: "currency",
    currency
  }).format(value);
};

codeAdrian

/* PROXY */

const handleSet = (obj, prop, value) => {
  if (prop === "content" && value.length > 0 && value.length < 255) {
    const { content, lastUpdated, history = [] } = obj;
    const historyUpdated = [...history, { content, lastUpdated }];

    if (content && lastUpdated) {
      Reflect.set(obj, "history", historyUpdated);
    }

codeAdrian

/* PROXY */

const handleGet = (obj, prop) => {
  if (prop === "undo") {
    const last = obj.history.pop();

    if (!last) {
      return;
    }

codeAdrian

interface User {
  firstName: string;
  middleName?: string;
  lastName: string;
  email: string;
  balance: number;
  currency: string;
  locale: string;
}