argodeep

// Functional compoennt
function App() {
  return (
    <Fragment>
      <Router>
        <Switch>
          <Route path="/list" exact={true} component={List} />
          <Route path="/list/:id" exact={true} component={View} />
          <Redirect from="/" to="/list" />
          <Route path="*" exact={true} component={List} />

argodeep

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

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

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

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

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

argodeep

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

argodeep

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

argodeep

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

<Fragment>

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

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

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

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)