Бля если меня такое на собесе спросят, придется на бутылку сесть

Пишешь в дата атрибут, потом before и в контент пишешь attr(data-text)

Пишешь в дата атрибут, потом before и в контент пишешь attr(data-text)

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

Пишешь в дата атрибут, потом before и в контент пишешь attr(data-text)

Я давненько не видел дата атрибуты в реакт проекте ?

Привет всем. А нормально ли в саге добавлять классы какому-то элементу после диспатча, например?

Мне кажется, что управлять UI в сагах, это странно

Мне кажется, что управлять UI в сагах, это странно

погоде-ка. Они же позиционируют себя именно этим

дескать, санки заебись

но как работать с ДОМ - не понятно

вот саги - вот тут легко сайд-эффекты и ДОМ действия

А какой именно кейс?

Игра memory

типа, две карточки найти

нужно ж как-то сделать адекватную анимацию

хотелось бы просто добавлять класс

через сагу

а не полотно через classnames

В саге развлетвление по if else if на каждый клик

и можно спокойно указать, что и где

Ты в сагах добавляешь класс через queryselector? ?

ничего не добавляю еще

сейчас отображение работает с редьюсеров

Кто нибудь юзал react localize redux? Как вывести Translate в плейсхолдер инпута? Если написать вот так <Input type="text" placeholder={<Translate id='username'/>} /> То в плейсхолдер выводиться [object Object]. Если выводить локализованный текст просто на странице вот таким образом <Translate id='username'/> то все работает

каждый раз сверяется id и добавляется/удаляется свойство hidden: true

от этого classnames и определяет

в итоге, имеем вот такую херню на каждом редьюсере

items: state.items.map( (book) => book.id == payload.id ? {...book, hidden: false} : book )

state.items.map( (book) => book.id == state.activeCard.id || book.id == payload.id ? {...book, hidden: true} : book)

это ж ебануться вообще)

всё работает, конечно

можно просто допилить на эти классы анимацию на CSS и всё. но как-то всё пиздец топорно выглядит

Кто нибудь юзал react localize redux? Как вывести Translate в плейсхолдер инпута? Если написать вот так <Input type="text" placeholder={<Translate id='username'/>} /> То в плейсхолдер выводиться [object Object]. Если выводить локализованный текст просто на странице вот таким образом <Translate id='username'/> то все работает

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

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

Тем не менее работает не правельно. Просто на странице выводится как текст, а в плейсхолдере не работает

надо провалиться в Input посмотреть как он обрабатывает placeholder

надо провалиться в Input посмотреть как он обрабатывает placeholder

просто ставит его как html атрибут с переданным значение placeholder="text"

вот саги - вот тут легко сайд-эффекты и ДОМ действия

Я бы не стал в сагах делать операции с дом деревом

Я бы не стал в сагах делать операции с дом деревом

круто. Позиционируют себя для работы с дом деревом - но никто не делает так и не советуют

подскажите пожалуйста, работаю с google api places через react-component-autocomplete. но что-то не так с поиском мест, он возвращает невсегда корректные результаты, кто-то сталкивался?

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

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

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

манал я юзать готовое больше

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

круто. Позиционируют себя для работы с дом деревом - но никто не делает так и не советуют

Не совсем тебя понял, ну по идее работа с дом это тоже сайд эффект, и вообще не стоит в реакте делать вручную какие либо с ним манипуляции

Не совсем тебя понял, ну по идее работа с дом это тоже сайд эффект, и вообще не стоит в реакте делать вручную какие либо с ним манипуляции

нуууу сага ж для этого и придумана, нет?)

сайд-эффекты

Ну да

Я не говорю что идеологически это не правильно

Просто я бы старался такого избегать

Не зря же есть react-dom ?

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

ага и селект проще разруливать через саги) вообще не возникнет вопросов, ну или минимум.

ага и селект проще разруливать через саги) вообще не возникнет вопросов, ну или минимум.

Причем тут саги?) Это к другому диалогу было)

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

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

особенно второй версии

там вроде абсолютно все переопределить можно

Ну его не пробовал Но всеравно нафиг эти готовые мелочи

там вроде абсолютно все переопределить можно

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

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

он все поддерживает

ты можешь все переопределить

рендерер айтемов

это как дауншифт с дефолтными значениями

он все поддерживает

значит в options можно передать как объект так и массив? по клику на плейсхолдер можно сделать мутации?

значит в options можно передать как объект так и массив? по клику на плейсхолдер можно сделать мутации?

если хочешь обьект в опшинс - переопределяешь ренедер

ERROR: S client not available

если хочешь клик на плейсхолдер переопределяешь рендеринг велью

Всем привет! Подскажите плиз как в реакте можно отобразить данные из Json если ключи в обектах отличаються и есть вложенные объекты!?

Есть либа парсить даты в таком формате на русском языке (ну или хотя бы на английском)?

Всем привет! Подскажите плиз как в реакте можно отобразить данные из Json если ключи в обектах отличаються и есть вложенные объекты!?

Рекурсивно проходишься и рендеришь

Есть либа парсить даты в таком формате на русском языке (ну или хотя бы на английском)?

это разве не ISO ?

Рекурсивно проходишься и рендеришь

опасно

Flatten

Кто знает, styled components перебрасывает style пропы по умолчанию?

кто нибудь знает хорошие примеры ui kit’ов на styled components, а может даже сразу и с storybook?

кто нибудь знает хорошие примеры ui kit’ов на styled components, а может даже сразу и с storybook?

Rebass

Rebass

так себе

ребят, впервые за долгое время попал проект с множеством столь “горячо любимых” мною форм. в последний раз когда такое случалось, использовал redux-form. есть ли что-то более актуальное или это все еще default решение?

ребят, впервые за долгое время попал проект с множеством столь “горячо любимых” мною форм. в последний раз когда такое случалось, использовал redux-form. есть ли что-то более актуальное или это все еще default решение?

final-form

ребят, впервые за долгое время попал проект с множеством столь “горячо любимых” мною форм. в последний раз когда такое случалось, использовал redux-form. есть ли что-то более актуальное или это все еще default решение?

Formik

спасибо, сейчас просматриваю оба варианта

Formik в связке с yup валидацией выглядит интересно

Прошу освежить в памяти правила русскоязычных чатиков. http://telegra.ph/ru-chat-rules-06-19

обычно делаю класс-компонент, который рендерит всё

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

типа такого в render: const content = <...>; const sider = <...>; return <Layout ...>{content}{sider}</Layout>

Сделай массив объектов и через map выведи его, будет еще лучше

зависит от того, чего ты хочешь добиться :)

я бы сделал примерно так с той целью, чтобы на экране умещалась вся структура элементов

(когда длинная простыня, сложнее понять, и отступы слишком вправо двигают код)

да, ссылочки логично делать массовом + map, присоединяюсь