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

<Preloader> <Component </Preloader>

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

Прелоадер возвращает props.children, когда нужно отобразить компонент

Как вариант в каждом компоненте с подгружаемыми данными свой стейт loading и data, и уже от них отталкиваться

Посмотрите тестовые примеры с асинхронной загрузкой данных

у роут-дома?

Реакт роутер если вы о нем тут на самом деле вообще не при чем

Реакт роутер если вы о нем тут на самом деле вообще не при чем

и если на этом примере loading === false, то грузим прелоадер, так?)

Похоже на правду но я пробежал бегло

Ещё бы ошибку fetch обрабатывать и тоже loading в false ставить, а то при фейле будет бесконечно лоадер висеть

как от одного ребенка передать евент соседнему?

Портал

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

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

Через колбэк

как( что дать ребенку?

как( что дать ребенку?

как( что дать ребенку?

привет. как сделать select options multiple в реакте? что должно быть в <select value={?}>

массив значений и должен быть)

а вообще да, Дэвид дело говорит, нативному селекту можно передать свойство multiple и в качестве значения указать массив

ну да, и у тебя currentValue будет массивом, чисто потому что мы говорим о мульти-выборе)

добрый вечер, использую ejs для SSR <div class="card-group" style="grid-template-columns:<%= 4fr 4fr %>;”>, компилятор не хочет схавать этот код, кто подскажет что не так в назначении стиля и как вместо 4fr, подставить ${number}fr ?

Хай всем, адаптирую приложение под IE 11 поймал такую ошибку for (const key of Object.keys(ansiStyles)) {...} ERROR: Необходимо инициализировать const Погуглил бабель, не очень понятно как это фиксить Сталкивался кто?

For( let key of ...

это понятно, но этот код бабель преобразует так. его поднастроить нужно

let в const ? Сомневаюсь, что там есть такая опция

это понятно, но этот код бабель преобразует так. его поднастроить нужно

если да, то как можно это пофиксить читал что юзКолбэк помогает, это так?

Друзья, всем привет! import axios from 'axios' export default axios.create({ baseUrl: 'https://my-awesome-database-c60d5.firebaseio.com/' }) Создал простенький instance аксиоса. Импортнул в компонент и вызываю в методе axios.post('/posts.json', payload) - аксиос бросает запрос на localhost, а не в firebase. Кто подскажет, как пофиксить? В компонент импортнул именно from '../../axios', а не node_modules axios.

Да. Ререндер это по-факту перевызов всей функции-компоненты, для оптимизации расчетов ты можешь кэшировать значения и функции использованием useMemo и useCallback соответсвенно

Всем привет, вопрос про ts/flow. Может кто объяснить или скинуть гайд. Вопрос: какова цель держать все типы в type.ts/js файле либо в файлах под types директории? Почему типы не держат в файлах с одной функциональностью/сущностью для которых они определены Спасибо

Всем привет, вопрос про ts/flow. Может кто объяснить или скинуть гайд. Вопрос: какова цель держать все типы в type.ts/js файле либо в файлах под types директории? Почему типы не держат в файлах с одной функциональностью/сущностью для которых они определены Спасибо

Общие для проекта типы есть смысле в отдельный модуль вынести

Видел как action типы тоже выносят, почему их не держать там, где пишутся функции для генерации actionов ?