буду теперь так называть

😂

Гоняли по рендер-пропсам (которые никогда не использовал), попросили написать свой useRef, спрашивали особенности Set'ов и Map'ов - за счет чего поиск по ним быстрее, чем по массиву, в каком порядке идет выполнение useState, useEffect (Может кто пояснить все что тут описано_) Можеш пояснить єто все или в гугле полно инфи??

гугли )

Можно ли как-то с помощью console.log или аналогов сделать удобную кнопку для вызова функции?

чтобы её вызывать по клику в консоли

нет

я просто одну функцию через лог вывожу, и чтобы её вызвать приходится нажимать store as global, и вызывать потом temp1(), это капец неудобно

Всем привет, есть вот такой объект

module.exports = {
  map: {
    'src/components/inputs': {
      index: 'index',
      button: 'react-component',
      textarea: 'react-component',
      input: 'react-component',
      'input-select': 'react-component',
    },
    'src/components/modals': {
      base: 'react-component',
      confirm: 'react-component',
      'confirm-remove': 'react-component',
    },
    'src/components/store': {
      profile: 'store',
      user: 'store',
      users: 'store',
    },
  },
}; 

И вот такой код

const sourceMap = require('../../settings/source-map');

Object.entries(sourceMap.map).forEach(([sourcePath, components]) => {
  const componentArrIndex = [];
  const componentArrReact = [];
  const componentArrStore = [];
  const obj = {};
  Object.entries(components).forEach(([component, template]) => {
    if (template === 'index') {
      componentArrIndex.push(component);
      return;
    } else if (template === 'react-component') {
      componentArrReact.push(component);
    } else if (template === 'store') {
      componentArrStore.push(component);
    }
  });
  // console.log(componentArr);
  Object.entries(components).forEach(([component, template]) => {
    if (template === 'index') {
      obj[template] = componentArrIndex;
    } else if (template === 'react-component') {
      obj[template] = componentArrReact;
    } else if (template === 'store') {
      obj[template] = componentArrStore;
    }
  });
  console.log(obj);
}); 

Как можно оптимизировать и отрефакторить код, чтобы он не был захардкоженный, но результат получал такой же, помогите пожалуйста.

{ index: [ 'index' ],
  'react-component': [ 'button', 'textarea', 'input', 'input-select' ] }
{ 'react-component': [ 'base', 'confirm', 'confirm-remove' ] }
{ store: [ 'profile', 'user', 'users' ] }

module.exports = {
  map: {
    'src/components/inputs': {
      index: 'index',
      button: 'react-component',
      textarea: 'react-component',
      input: 'react-component',
      'input-select': 'react-component',
    },
    'src/components/modals': {
      base: 'react-component',
      confirm: 'react-component',
      'confirm-remove': 'react-component',
    },
    'src/components/store': {
      profile: 'store',
      user: 'store',
      users: 'store',
    },
  },
}; 

const sourceMap = require('../../settings/source-map');

Object.entries(sourceMap.map).forEach(([sourcePath, components]) => {
  const componentArrIndex = [];
  const componentArrReact = [];
  const componentArrStore = [];
  const obj = {};
  Object.entries(components).forEach(([component, template]) => {
    if (template === 'index') {
      componentArrIndex.push(component);
      return;
    } else if (template === 'react-component') {
      componentArrReact.push(component);
    } else if (template === 'store') {
      componentArrStore.push(component);
    }
  });
  // console.log(componentArr);
  Object.entries(components).forEach(([component, template]) => {
    if (template === 'index') {
      obj[template] = componentArrIndex;
    } else if (template === 'react-component') {
      obj[template] = componentArrReact;
    } else if (template === 'store') {
      obj[template] = componentArrStore;
    }
  });
  console.log(obj);
}); 

{ index: [ 'index' ],
  'react-component': [ 'button', 'textarea', 'input', 'input-select' ] }
{ 'react-component': [ 'base', 'confirm', 'confirm-remove' ] }
{ store: [ 'profile', 'user', 'users' ] }

Может лучше в песочницу?

Ребят как експортировать и импортировать js файлы?

смотри

есть функция сортировки, которая принимает на вход массив

массив описан в интерфейсе

посоветуйте тестовый server для rest api запросов, чтобы json отправить и json получить?)

но теперь проблема в том, что при рендере компоненты, которая состоит из объектов этого массива

я могу подставить любое значение в пропсы