argodeep

// shallow cloning - object create method
const parent = {
  source: function () {
    return 'parent';
  },
  type: 'obj',
  hello: {
    world: 'Hello World',
    state: 'Hello Statesmen',
  },

argodeep

const routes = ['home', 'grids', 'grid1'];
const breadcrumbs = [];
let level = 0;

while(level < routes.length) {
    breadcrumbs.push(routeTitleLink(routes.slice(0, level+1))); // calling recursive function for each route.
    level++
}

console.log(breadcrumbs)

argodeep

let car1 = {
  color: 'Red',
  company: 'Ferrari',
};

let car2 = {
  color: 'Blue',
  company: 'BMW',
};

argodeep

import axios from "axios";

const API = {
  backend: "https://randomuser.me/api/",
};

export const fetchUsers = async () => {
  let res = await axios.get(API.backend + '?inc=name,phone&results=20&nat=us');
  try {
    return res.data.results

argodeep

  function handleInput(input: string) {
    setKeyword(input)
    if (input) {
      props.onChange(input);
    } else {
      props.onChange('')
    }
  } 

<Fragment>

argodeep

function handleInput(input: string) {
    setKeyword(input)
    if (input) {
      props.onChange(input);
    } else {
      props.onChange('')
    }
}
 

argodeep

  useEffect(() => {
    console.log('List Mounted')
    if (!contacts.length) {
      fetchContacts();
    }
    return function () {
      console.log('List Unmounted')
    }
  }, [])

argodeep

import { ActionModel } from "../../models/action";

export function contacts (state = [], action: ActionModel) {
    switch (action.type) {
        case "GET_CONTACTS":
            return action.data
        default:
            return state;
    }
}

argodeep

import { GET_CONTACTS, IS_SORTED } from './types';
import { User } from '../../models/user';

export const contactList = (contacts: User[]) => {
  return {
    type: GET_CONTACTS,
    data: contacts
  }
}
export const isSorted = (data: boolean) => {

argodeep

// Functional component
function Filter(props) {
    const [keyword, setKeyword] = useState('');
    console.log(props)

    // ...
}
// class based component
class Filter extends Component {
    constructor(props) {