народ, а что по стилям, все прям перешли на styled-components и все круто? не modules не что либо другое никто не использует?

Модулей много, но ск постепенно их захватывает

Как проще и главное правильнее реализвать клинтскую пагинацию для таблицы? Есть вариант без использования redux и router?

Модулей много, но ск постепенно их захватывает

всем удобно, и только плюсы? c TS есть напряги? стоит ли новый фичи писать на style-comp? cтили как я понимаю в <style></style> прямо на странице ни как иначе?

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

всем удобно, и только плюсы? c TS есть напряги? стоит ли новый фичи писать на style-comp? cтили как я понимаю в <style></style> прямо на странице ни как иначе?

Стоит, они никак со старым кодом не конфликтуют, с тс проблем не замечал

Стоит, они никак со старым кодом не конфликтуют, с тс проблем не замечал

супер спс, чет возникла мысль о том как стало сложно фронт писать, раньше html js css и все хорошо, а сейчас поверх всего миллион каких то абстракций и враперов... сказать что быстрее.. нет, что качественне, да тоже не особо)

Ребята помогите. Почему у меня дебаггер в хроме начал сразу включатся после перезагрузки страницы? То есть я даже данные в форму ввести не могу. А раньше я вводил и дебаггер включался после отправки данных с формы по клику кнопки "отправить"

Есть у кого-нибудь примеры модальных окон или ссылки как их по фен шую собирать? :) Хз как правильно вешать обработчики кнопок в модальном окне из разных компонентов :(

Есть у кого-нибудь примеры модальных окон или ссылки как их по фен шую собирать? :) Хз как правильно вешать обработчики кнопок в модальном окне из разных компонентов :(

Так это, пропсами прокидывай все нужные обработчики при рендере модалки в нужном компоненте

Рендерить модалку в разных компонентах как-то не по фен шую кажется

А в редаксе обработчики не похранишь

Рендерить модалку в разных компонентах как-то не по фен шую кажется

а есть обьективные причины кроме "не по фен-шую"?

Наверное нет )))

Рендерить модалку в разных компонентах как-то не по фен шую кажется

Все по фен шую Так ты делаешь ее гибкой и при этом очевидной

Спасибо, попробую делать так

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

https://reactjs.org/docs/portals.html#event-bubbling-through-portals

как тут колбек заюзать? this.setState(prevState => ({ keepSignIn: !prevState.keepSignIn }));

Ты его уже заюзал

я еще хочу

как тут колбек заюзать? this.setState(prevState => ({ keepSignIn: !prevState.keepSignIn }));

Через запятую, в чем дело

чтобы точно после смены стейта выполнить

Перед последней скобкой сделай запятую и сунь коллбек

Через запятую, в чем дело

точняк

точняк

Тайм ту слип

Ребята помогите. Почему у меня дебаггер в хроме начал сразу включатся после перезагрузки страницы? То есть я даже данные в форму ввести не могу. А раньше я вводил и дебаггер включался после отправки данных с формы по клику кнопки "отправить"

В коде брейкпоинт поставил мб?

Тайм ту слип

надо формы допилить для авторизации

как тут колбек заюзать? this.setState(prevState => ({ keepSignIn: !prevState.keepSignIn }));

Если чекбокс, то вставляй прямо значение чекбокса

Если чекбокс, то вставляй прямо значение чекбокса

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

или как?

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

Чекбокс будет приходит тру или фолс

Чекбокс будет приходит тру или фолс

если убрать value из него?

если убрать value из него?

event.target.checked вроде

event.target.checked вроде

сенкс

Есть у кого-нибудь примеры модальных окон или ссылки как их по фен шую собирать? :) Хз как правильно вешать обработчики кнопок в модальном окне из разных компонентов :(

так глянь react-modal и react-aria-modal, там всё в общем и целом хорошо

Да уже свои почти дописал :)

Да уже свои почти дописал :)

молодец, всё равно глянь

Глядел уже

https://github.com/reactjs/react-modal ?

:) грейт

https://github.com/reactjs/react-modal ?

оно, оно

мне кстати не нравится в react-modal проп isOpen

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

Да, звучит логично

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

Анимация ухода??

Анимация ухода??

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

(надеюсь, хех, вообще я им не пользовался)

Я тоже не пользовался, т.к. считаю костылем, относительно нативных анимаций ?

по-нормальному прост такие анимации через клонирование ноды делать надёжнее во много раз по моему опыту

Я тоже не пользовался, т.к. считаю костылем, относительно нативных анимаций ?

а там не нативные что ли

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

А как он может не оставаться в доме?

А как он может не оставаться в доме?

клон создаётся

а ты про это

ладно, давай транзишнгрупп не обсуждать, раз оба не пользовались :))

просто насколько я помню он аналогично ангуляровскому ng-leave работает

поэтому ассоциации таксе)

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

В смысле, пропс isopen же показывает и скрывает модалку? Зачем всегда тру?

В смысле, пропс isopen же показывает и скрывает модалку? Зачем всегда тру?

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

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

Я бы в модалке, все же, эту логику держал

Я бы в модалке, все же, эту логику держал

так можно вообще абсолютно каждому компоненту такой же прос создавать вместо {shouldShow ? <Component /> : null}

ERROR: S client not available

зачем только ¯\_(ツ)_/¯

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

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

Вешать транзишнгруп СВЕРХУ модалки, а не внутри, мне кажется странным, т.к. эта логика будет полюбому не локальной для контейнера, а использоваться во всех местах модалки - и зачем копипастить?

Иначе UX странный

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

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

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

Ну да. В этих случаях делают HOC

Вешать транзишнгруп СВЕРХУ модалки, а не внутри, мне кажется странным, т.к. эта логика будет полюбому не локальной для контейнера, а использоваться во всех местах модалки - и зачем копипастить?

Дейли ремайндер — не делать подобные предположения в UX, интерфейсы — это набор исключений сразу из всех правил

Ну да. В этих случаях делают HOC

ЛОБ

Дейли ремайндер — не делать подобные предположения в UX, интерфейсы — это набор исключений сразу из всех правил

У тебя травма от чата просто)

Нет, мне ярче всего запомнился кейс когда я враппер для медиареквестов делал

У тебя травма от чата просто)

да не, всё верно я могу аболютно разные эффекты при появлении/скрытии разных модалок иметь, при этом для обоих использовать одну либу

Дейли ремайндер — не делать подобные предположения в UX, интерфейсы — это набор исключений сразу из всех правил

В суровом энтерпрайзе я чаще наблюдаю картину скорее такую: пользователь должен строго следовать ТЗ (wat?), иначе его проблемы

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

Даже звучит бредово

Естественно, это оказалось первым же кейсом при попытке заюзать, я аж не поверил сначала

ui — это набор исключений из всех правил)

Ребята помогите. Почему у меня дебаггер в хроме начал сразу включатся после перезагрузки страницы? То есть я даже данные в форму ввести не могу. А раньше я вводил и дебаггер включался после отправки данных с формы по клику кнопки "отправить"

В браузере тоже можно его поставить и он запомнит

Ребята помогите. Почему у меня дебаггер в хроме начал сразу включатся после перезагрузки страницы? То есть я даже данные в форму ввести не могу. А раньше я вводил и дебаггер включался после отправки данных с формы по клику кнопки "отправить"

может где-то стоит в коде debugger?

Галочки там есть в секции breakpoints

Есть у кого-нибудь примеры модальных окон или ссылки как их по фен шую собирать? :) Хз как правильно вешать обработчики кнопок в модальном окне из разных компонентов :(

в портал

ща

https://youtu.be/-qzRU7T4la0

Спасибо

Оперативно )))

парни, у меня тут возник вопрос, а херли у объектов нет функции .keys() и .values()? пришлось тут сделать вот что, есть массив объектов, их надо отфильтровать, потом склеить те, у которых одно из полей совпадает, и потом для каждого сделать кое-что. получилось уродливое говно const groupedEntities = entities.filter(el => el.retail).reduce((acc, el) => ({ ... acc, [el.type]: el }), {}) Object.keys(groupedEntities).map(el => groupedEntities[el]).forEach(el => ...) а были бы эти методы, можно было бы нормально зачейнить: entities.filter(el => el.retail).reduce((acc, el) => ({ ... acc, [el.type]: el }), {}).values().forEach(el => ...) это я с LINQ переигрался или мне не зря кажется, что это упущение?

или можт я не знаю чего и такие есть?

Шоб прототипы жирными не были

Хотя в массивах на эт забили