А атрибуты - стандарт XML

А атрибуты - стандарт XML

какой флоу?

мы его не юзаем

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

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

В общем, я создаю 800 компонентов (на основе массива, делаю через map). Естественно появляется провисание в полсекунды при переходе на страницу с этими компонентами. Я не эксперт, но судя по всему компоненты отобразятся только после того, как мап создаст их всех, что занимает время. Хочу спросить совета как оптимизировать?

В общем, я создаю 800 компонентов (на основе массива, делаю через map). Естественно появляется провисание в полсекунды при переходе на страницу с этими компонентами. Я не эксперт, но судя по всему компоненты отобразятся только после того, как мап создаст их всех, что занимает время. Хочу спросить совета как оптимизировать?

Что за компоненты ?

добавляй группами в requestAnumationFrame )

В общем, я создаю 800 компонентов (на основе массива, делаю через map). Естественно появляется провисание в полсекунды при переходе на страницу с этими компонентами. Я не эксперт, но судя по всему компоненты отобразятся только после того, как мап создаст их всех, что занимает время. Хочу спросить совета как оптимизировать?

Вот кампонент замаунитин. При смене роута page transition использую, пока новая страница появляется вижу старую, а старая страница брала данные из роута id, пре переходео роут поменялся id брать неоткуда, вижу некоторое время пока страницы анимируются 404 http://skrinshoter.ru/v/300519/wWmpWrVt

5 форм внутри родителя со стейтом - норм, почему нет?

В общем, я создаю 800 компонентов (на основе массива, делаю через map). Естественно появляется провисание в полсекунды при переходе на страницу с этими компонентами. Я не эксперт, но судя по всему компоненты отобразятся только после того, как мап создаст их всех, что занимает время. Хочу спросить совета как оптимизировать?

Залей нормально скриншот

Нормальный это какой?

Картинкой а не ссылкой

В чате запрещена медиа ?

как их рисовать поочереди тогда вопрос еще, видимо индекс нужен и как то по индексу рендерить?

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

Можно передать как пропс, если использовать рендер вместо компонент

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

В общем, я создаю 800 компонентов (на основе массива, делаю через map). Естественно появляется провисание в полсекунды при переходе на страницу с этими компонентами. Я не эксперт, но судя по всему компоненты отобразятся только после того, как мап создаст их всех, что занимает время. Хочу спросить совета как оптимизировать?

передай в провайдер, и юзай консумера везде, в чем трабла (хотя сокеты это все же больше к стейт менеджменту)

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

https://codesandbox.io/embed/render-1000-of-numbers-mg1vs вот вам для экспериментов

практика норм, но если это соединение с сокетами, то лучше им рулить через тот же редакс (а еще лучше взглянуть на effector 👀)

Типа того. Но я уже говорил, что можно затащить <If condition>. Но придет @artalar и расскажет за семантику

А атрибуты - стандарт XML

Верстка должна быть статичной. Императив для управления должен описываться в ЖС. Простые правила JSX 🤷‍♂ Нужны для того что бы код можно было читать быстрее, даже не вдумываясь в него.

т.е. динамические классы <a className={x ? 'show' : 'hide'}> недопустимы?

т.е. <a className={someVar}> это ок?

так, а почему <a display-if={showVar}> не ок?

и что с того? весь JSX в итоге превращается в ужасные React.createElement, но нас же это не останавливает?

Я показывал пример кода - на наш взгляд использование data-if делает его легче для чтения, по сравнению с оборачиванием каждого компонента, который надо скрыть/показать в выражение

очень авторитетное мнение, спасибо. Я всего лишь делюсь "говном", на которое мы перешли и очень довольны. Или вас тоже не устраивает светлая тема в скриншоте? :)

Первый год мы именно так и писали и потом умышленно перешли на display-if. Т.е. это не спонтанное решение "АААааа, новый плагин, давайте его", мы искали способ решить проблему и мы ее нашли. Никаких минусов за 3 года и десятки тысяч строк код не было. Понимаю, многие когда ушли с ненавистного Ангуляра с его ng-hide/ng-show и снова увидеть это в Реакте - не совсем то, о чем мечтаешь. Но это был удобный инструмет

Кто какую UI библиотеку использует? Посоветуете легковесную, но приятную? Использовал Semantic UI и Grommet.

element-react

Ты на 2 фронта работаешь? В чате вуёв тебя вижу прост

Кто какую UI библиотеку использует? Посоветуете легковесную, но приятную? Использовал Semantic UI и Grommet.

Как эта фича называется?

Как эта фича называется?

Как эта фича называется?

Как эта фича называется?

Как эта фича называется?

Material-UI

Все отказываются от него

Как по мне, материал дизайн уже всем надоел

Все отказываются от него

Кто какую UI библиотеку использует? Посоветуете легковесную, но приятную? Использовал Semantic UI и Grommet.