Всем привет! Хотим сделать конструктор отчетов на базе React на основе готовых компонентов. Но вот чет не знаем насколько это трудоемко. Т.е. параметры страницы вероятно стоит сохранять в базе данных и собирать на лету структуру страницы из готовых кусков. Кто-нибудь видел что-то похожее на просторах интернета? Может вместо бд делать какой-нибудь создатель файлов Edit View? Какая практика существует?

Доброго дня)
Кто нибудь писал хук useTimer? Как это можно нормально реализовать? Помогите пожалуйста (

Если это параметры страницы - можно их и не в бд хранить, а в локальном хранилище

превентдефаулт не пробовали?

Осталось вынести из useEffect в хук.

import React, { useState, useEffect } from 'react';

interface IProps {
  dateStart: Date;
}

export function Counter({ dateStart }: IProps) {
  const [state, setState] = useState<string>('Waiting...');

  useEffect(() => {
    const now = new Date();
    const diff = dateStart.getTime() - now.getTime();
    const secondsFromT1ToT2 = diff / 1000;
    if (diff > 0) {
      console.log(`You wait secondsFromT1ToT2= ${secondsFromT1ToT2}`);
      const done = () => {
        setState('Started');
        alert('Started');
      };
      const timeoutID = setTimeout(done, diff);

      return () => clearTimeout(timeoutID);
    } else {
      setState('Already');
    }
  }, [dateStart]);
  return <b>{state}</b>;
}

не могу правильно отобразить дату 🤬😡

у меня есть таблица, куда выводятся 2 вида дат: точное время и временной диапазон. с точным временем проблема и вот в чем она состоит.

раньше выводилось только точное время, и для него был прописан формат из либы момент жс. я поменял условия, добавив диапазон. диапазон выводится строкой и все норм. 🙁 но как мне теперь вернуть еще и формат туда, чтобы и точное отобразилось?

думаю, там тоже нужна тернарка, но не понимаю, как ее там написать. может кто знает? 🥺

Всем привет. Помогите пожалуйста решить задачу:
Есть страница заказа с поэтапным оформлением. В компонентах есть разные формы, некоторые из них обновляют заказ по изменению полей. Некоторые компоненты только по переходу на следующий этап. Кнопка перехода "Далее" находится в header.
На первом шаге должны отвалидироваться 2 формы из разных компонентов (RelatedData, MaterialsOrderStep), на 2 шаге просто 1 форма должна отвалидироваться. На 4 шаге по клику на кнопку "Далее" должны произойти несколько действий.
Есть мысли как это сделать?

что именно "как сделать"?

по триггеру из одного компонента триггерить функции из других компонентов

если вопрос в том, как сделать, чтоб одна и та же кнопка делала разные вещи - то есть два варианта
1. рисовать хедер с кнопкой в каждом роуте, а не снаружи
2. брать текущий роут в хедере и по нему делать ветвление (менее читаемо и менее надежно) и все равно надо хедер внутрь роутера запихнуть

это надо делать через state managers, "триггерить функции из других компонентов" - это не про реакт

а что скажешь по поводу mobx? лучше редакс + сага или мобх?

usememo нужно везде применять или там где он действительно нужен?

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

могу статью посоветовать https://dmitripavlutin.com/use-react-memo-wisely/

спс

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

не будет. говнокод не зависит от используемого store engine