вот в очередной раз думаю переползать с redux-form либо на final-form, либо на formik

на файнал проще

там апи как в редукс форм

для филдов

final-form офигенен, formik подкупает своей простотой

а разве файнал не простой ?

я чет не пойму

все так же

final-form офигенен, formik подкупает своей простотой

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

дизайн?

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

наррод, а кто-нть замечал, чтоб webpack ломал гугл аналитику? типа заоптимизировал исходники: const gtag = () => { window.dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-1111111-1'); продакшн сборка var t = function() { window.dataLayer.push(e) }; t(new Date), t(),

наррод, а кто-нть замечал, чтоб webpack ломал гугл аналитику? типа заоптимизировал исходники: const gtag = () => { window.dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-1111111-1'); продакшн сборка var t = function() { window.dataLayer.push(e) }; t(new Date), t(),

наверное, потому что файл с аналитикой уже минифицирован и его надо исключать ?

final-form офигенен, formik подкупает своей простотой

фф еще тестить попроще немного

т.к там юзается модель для всех этих штук

наверное, потому что файл с аналитикой уже минифицирован и его надо исключать ?

нет, это не файл с аналитикой, это типа прописывается при подключении

ну пока склоняюсь все же больше к ff

то когда маунитшь можешь просто в контекст модель а дальше в модели дергать хендлеры и асертить стейт модели

тошо в самом Form в рфф ничего нету

нет, это не файл с аналитикой, это типа прописывается при подключении

тебе надо исключить gtag из минификации

да, я понял, щас так и сделаю, просто сам факт того, зачем они это минифицируют?

типа потому что там аргументы не явным образом передаются

https://habr.com/post/424613/

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

Ого

а кто-нть с ходу скажет, как на определенных строках отключить минификацию? или так нельзя?

а кто-нть с ходу скажет, как на определенных строках отключить минификацию? или так нельзя?

тебе нужно указать в uglifyjs, или что ты там используешь, модуль

что-то мне все чаще кажется, что минификация, это какая то лишняя херня... т.к. все равно все файлы в формат gz передаются

что-то мне все чаще кажется, что минификация, это какая то лишняя херня... т.к. все равно все файлы в формат gz передаются

там не только минификация, там еще трансплайлинг и углифай

углифай = вырезка коментов, дед кода етс

ну резать комменты, консоль, дед код это норм

вообще можно делать два бандла один es5, второй ес6

а вот коверкать имена переменных, функций, это уже не айс

и подключать их через script type='module'

а вот коверкать имена переменных, функций, это уже не айс

это ж оптимизация размера бундла

это ж оптимизация размера бундла

он все равно gzip, чего его там оптимизировать :)

хлебные крошки

а, черт, вот я дурак

как лучше устнавливать стили: const Navigation = ({ onChange }) => <div className="navigation"> <ChatSettings onChange={onChange} /> <Chats /> </div> или: <Navigation className="navigation»>?

проблема была в массиве arguments

Объект arguments — это локальная переменная, доступная внутри любой (нестрелочной) функции.

а у меня стрелочная функция

как лучше устнавливать стили: const Navigation = ({ onChange }) => <div className="navigation"> <ChatSettings onChange={onChange} /> <Chats /> </div> или: <Navigation className="navigation»>?

1

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

1

с чего это?)

как лучше устнавливать стили: const Navigation = ({ onChange }) => <div className="navigation"> <ChatSettings onChange={onChange} /> <Chats /> </div> или: <Navigation className="navigation»>?

есть где-то статья что передавать имя класса в проперти это атата

ну типа плохая практика

Всем привет. Устанавливаю Realm через yarn. Но в import Realm from 'realm'; пишется ошибка «У модуля "'realm'" нет экспорта по умолчанию». Помогите, плиз.

усложняет понимание и поддержкеу кода

проблема была в массиве arguments

дружище, arguments, это не массив

дружище, arguments, это не массив

?

усложняет понимание и поддержкеу кода

спасибо

Ого

Что?

Объект arguments не является Array. Он похож на массив, но не обладает ни одним из его свойств

ок

Всем привет. Устанавливаю Realm через yarn. Но в import Realm from 'realm'; пишется ошибка «У модуля "'realm'" нет экспорта по умолчанию». Помогите, плиз.

попробуй import {Realm} from 'realm'

есть где-то статья что передавать имя класса в проперти это атата

эм, нет. Прокидывать имя класса норм тема, ты делаешь компонент независимым от стилей

эм, нет. Прокидывать имя класса норм тема, ты делаешь компонент независимым от стилей

но это уже противоречит идее компонентности

когда компонент - это независимый кусок

попробуй import {Realm} from 'realm'

Пишет теперь так «Модуль "'realm'" не имеет экспортированного элемента "Realm».» Делаю в файле .ts

ну девтул определяет неверно просто у arguments есть свойство length и индексы

но эти индексы - ключи объекта

ааа, нет

все верно

ERROR: S client not available

объект

я просто не так их вызвал

ух, капец как много сегодня узнал)))

в общем, это старый прикол, на котором практически все палиилсь рано или поздно :))

добрый день мне нужно помощь! после тогда как заполнил форму нужно сделать routing, пробовал через - this.props.history.push('/dashboard') роутинг происходит но страница пуста div id="root" присуствует! помогите!

воу, сложновато, надо больше кода

попробуй import {Realm} from 'realm'

оказывается, можно так «const Realm = require('realm’);»

Ребята, подскажите, каким образом отследить появление компонента? didMount срабатывает только один раз. Если я через роутер кликаю по страницам, компоненты на них типа больше не монтируются. Какой подход в этом случае?

чет я там не вижу роута для /dashboard

чет я там не вижу роута для /dashboard

dashboardPage

а, точно

Ребята, подскажите, каким образом отследить появление компонента? didMount срабатывает только один раз. Если я через роутер кликаю по страницам, компоненты на них типа больше не монтируются. Какой подход в этом случае?

значит у тебя он не анмаунтиться

добавь ЖС анмаунта и подебажь

dashboardPage

а че консоль пустая? в самом DashboardPage нет ошибок

а че консоль пустая? в самом DashboardPage нет ошибок

консоль пусой

а че консоль пустая? в самом DashboardPage нет ошибок

Login работает после перехода пустая страница

?‍♂️

Ребятушки

Если кто работает с styled-components, подскажите пожалуйста, как в styled компоненте с prop active присвоить background color дочернему элементу?

Если кто работает с styled-components, подскажите пожалуйста, как в styled компоненте с prop active присвоить background color дочернему элементу?

https://www.styled-components.com/docs/advanced#referring-to-other-components

https://www.styled-components.com/docs/advanced#referring-to-other-components

Неа, не подходит.

Неа, не подходит.

Что значит не подходит? Скиньте код

Неа, не подходит.

как не подходит, если у меня в коде так написано и все работает?)

или ты это не прочитал https://www.styled-components.com/docs/advanced#caveat

export const StyledTab = styled.li` position: relative; display: inline-block; vertical-align: middle; color: ${({ active }) => (active ? colors.light : 'inherit')}; .link { /* тут должны быть стили если StyledTab имеет props.active */ } &:hover .remove { display: block; } &:hover .remove:hover { background-color: ${rgba(deepGray, 0.2)}; } span { display: block; padding: 2rem 5rem; } `;

export const StyledTab = styled.li` position: relative; display: inline-block; vertical-align: middle; color: ${({ active }) => (active ? colors.light : 'inherit')}; .link { /* тут должны быть стили если StyledTab имеет props.active */ } &:hover .remove { display: block; } &:hover .remove:hover { background-color: ${rgba(deepGray, 0.2)}; } span { display: block; padding: 2rem 5rem; } `;

Селектор тоже может быть вычисляемым ${p => p.active ? '.link' : '__none'} { background-color: red; }

Селектор тоже может быть вычисляемым ${p => p.active ? '.link' : '__none'} { background-color: red; }

такое надо писать через attrs

как это связано вообще?

как это связано вообще?

вычисляемые пропы надо писать через attrs

в доке написано