kartikag01

const a = [1,2,3];

// Remove Elements from index
const index = 1;
const b = [ ...a.slice(0, index), ...a.slice(index + 1, a.length),  ];

console.log('a',a);
console.log('b',b);

kartikag01

function TrendingRepo() {
  const [repos, setRepos] = React.useState([]);
  const debounceOnChange = React.useCallback(debounce(onChange, 400), []);

  function onChange(value) {
    fetch(`https://github-trending-api.now.sh/repositories?language=${value}`)
      .then(res => res.json())
      .then(res => setRepos(res));
  }

kartikag01

const debounceOnChange = React.useCallback(debounce(onChange, 400), []);

kartikag01

const debounceOnChange = debounce(onChange, 400);

kartikag01

function debounce(func, wait) {
  let timeout;
  return function(...args) {
    const context = this;
    if (timeout) clearTimeout(timeout);
    timeout = setTimeout(() => {
      timeout = null;
      func.apply(context, args);
    }, wait);
  };

kartikag01

kartikag01

kartikag01

kartikag01

  componentDidUpdate(prevProps, prevState) {
    if (prevProps.value !== this.props.value) {
      this.props.changeValue(this.props.value); // action
    }
  }

kartikag01

  componentWillUpdate(nextProps, nextState) {
    if (this.props.value !== nextProps.value) {
      this.props.changeValue(nextProps.value); // action
    }
  }