Как можно совместить useMemo и useEffect?

antares4045, NDA((

Что за это за ошибка при импорте?

hellcaster, this does not work

Откуда ошибка рендеринга в react-router?

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

Как получить ответ по fetch до рендеринга DOM дерева?

Не, условный рендеринг это не совсем то, я бы хотел что бы Апп дождался данных с сервера и только тогда начал рендерить

Как заставить react перерендерить компонент?

попробовал вот так все равно без результата

let domLIst = caseMassive.map((element) => {
    return <ListItem key={element.id} element={element} />;
  });
  let [newList, setnewList] = useState(domLIst);

Как заставить react перерендерить компонент?

G F, Попробовал еще вот так

function CreateList({ caseMassive }) {
  const massiveClone = () => {
    let DOMList = caseMassive.map((element) => {
      return <ListItem key={element.id} element={element} />;
    });
    let copyList = DOMList.map((element) => {
      return Object.assign({}, element);
    });

    return [...copyList];
  };

  return <ol>{massiveClone()}</ol>;
}

Но что-то все равно не хочет перерендерить

Как заставить react перерендерить компонент?

G F, или новыми объектами должны быть конкретно вот эти <ListItem key={element.id} element={element} />
лист айтемы ?

Как заставить react перерендерить компонент?

G F, попробовал создать новый массив при помощи деструктуризации(насколько я знаю деструктуризация всегда возвращает новый массив)
но чет как-то не сработало

function CreateList({ filterList, caseMassive }) {

  let finishList = () => {
    let newMassive = caseMassive.map((element) => {
      return <ListItem key={element.id} element={element} />;
    });
    return [...newMassive];
  };
//   пробовал и закомментированный и незакоментированый способ *
  // let finishList = () => {

  //   let newMassive = [...caseMassive];
  //   return  newMassive.map((element) => {
  //     return <ListItem key={element.id} element={element} />;
  //   });
  // };

  return <ol>{finishList()}</ol>;
}

Может быть я не совсем понял суть и принцип применения ? или где-то совершил ошибку?

Как заставить react перерендерить компонент?

vadimparinov, Забрасываю непосредственно генерацию дом элементов в useState

function CreateList({ filterList, caseMassive }) {
  let [listDOMElements, setlistDOMElements] = useState(
    caseMassive.map((element) => {
      return <ListItem key={element.id} element={element} />;
    })
  );

а потом вывожу ее на страницу
return <ol>{listDOMElements}</ol>;

Как заставить react перерендерить компонент?

Или вы имеете ввиду библиотеку immutable.js ?

Как заставить react перерендерить компонент?

использовал useState для хранения caseMassive, не совсем помогло. Подскажите пожалуйста чуть подробнее

Как заставить react перерендерить компонент?

Не совсем понятно, immutable data structures в JS это ведь цифры и строки, как и зачем их тут использовать ?

Написал тестовое на react, кто из сильных поможет с оценой?

Александр, Вот это понятнее, еще раз огромное спасибо

Написал тестовое на react, кто из сильных поможет с оценой?

Да, это осознал, спасибо. И еще не понятно замечание:

В sirch-panel.jsx (а еще лучше бы SearchPanel.jsx) лучше хранить состоянием только значение поля для новой сущности.

В sirch-panel в стейте ведь хранится только список фильтров и занимается он только строкой поиска и кнопками important и allcase. А новая сущность создается только в add-block

Написал тестовое на react, кто из сильных поможет с оценой?

ReactLover, особо не было, только такое,

Приложение умеет создавать записи, помечать их как важные, показывать только важные, делать поиск по записям

Написал тестовое на react, кто из сильных поможет с оценой?

Только не совсем понял эту фразу

Reducer - даже если событие не данного reducer'а, то Вы возвращаете новое состояния. Лучше перенести код по модификации состояния в сам switch.

Написал тестовое на react, кто из сильных поможет с оценой?

WbICHA, подскажите пожалуйста, а в каком месте он вам показался наиболее проседающим? или в общем стиль кода слабоват?

Написал тестовое на react, кто из сильных поможет с оценой?

Михаил, спасибо, это я действительно прозевал

Что лучше выбрать для изучения первого фреймворка React или Vue?

Вью! однозначно вью!!!, поверь как человеку выбравшему реакт.

Как писать Толковый ООП код в JS?

А чем плохо return new class?