Ну или так - 5 принятых PR

за 5 PR можно футболку получить, с паком стикеров и скидкой на DO, а вы о чате каком-то 🤷‍♂️

за 5 PR можно футболку получить, с паком стикеров и скидкой на DO, а вы о чате каком-то 🤷‍♂️

что такое футболка, какие-то стикеры и жалкая скидка на DO, по сравнению с возможностью сидеть в чатике, практически с богами React?

что такое футболка, какие-то стикеры и жалкая скидка на DO, по сравнению с возможностью сидеть в чатике, практически с богами React?

ну да, о чём я? Это же даже оскорбительно, как плевок в лицо, по сравнению с чатиком))

Правильно ли я использую библиотеку для стилизации styled-components? Все элементы слайда стилизованные компоненты. Или можно было Создать стилизованный компонент обёртки и от него стилизовать вложенные?

имхо норм. Компоненты первого уровня styled.a, если переиспользуется этот а, то его уже импортировать, оборачивать с доп.стилями. SC достаточно быстр, можно вполне им одним обойтись.

Всем привет, прошу помощи, есть <div id = "frag" th:insert="fragments/footer :: copy"></div>. Как заменить этот див на <div id = "frag" th:insert="fragments/footer :: butt"></div> в js? Перепробывал 3 варианта

Всем привет, прошу помощи, есть <div id = "frag" th:insert="fragments/footer :: copy"></div>. Как заменить этот див на <div id = "frag" th:insert="fragments/footer :: butt"></div> в js? Перепробывал 3 варианта

Это с реактом будет работать?

нет, я хочу это сделать на чистом js, пока не вижу смысла подключать реакт

нет, я хочу это сделать на чистом js, пока не вижу смысла подключать реакт

тогда другой чат

нет, я хочу это сделать на чистом js, пока не вижу смысла подключать реакт

На чистом жс можно различными способами, learn.javascript.ru, работа с dom

тогда другой чат

ок, а как эта задачка решается на ректе?

ок, а как эта задачка решается на ректе?

я не совсем понял что нужно получить, если честно) Лучше перезадать вопрос словами наверное

я не совсем понял что нужно получить, если честно) Лучше перезадать вопрос словами наверное

На странице есть некий div, нужно при нажатии на кнопку заменить его на другой div

На странице есть некий div, нужно при нажатии на кнопку заменить его на другой div

элементарно делается: <div> {isClicked ? <div class="1 /> : <div class="2" />} </div> но возможны конечно варианты где нужно сложнее)

На странице есть некий div, нужно при нажатии на кнопку заменить его на другой div

В реакте первичные данные, а не дивы. Создаёшь стейт, который будет хранить состояние того, нажал ты уже кнопку или нет. При нажатии кнопки меняешь этот стейт, рендер пишешь так, чтобы он выводил див с учётом этого стейта const Toggler = () => { const [clicked, setClicked] = useState(false); return <> {clicked && <div>Second Div</div>} {!clicked && <div onClick={()=>setClicked(true)}>First Div</div>} <> }

Всем привет

Какую библиотеку для валидации форм посоветуете?

Всем привет, прошу помощи, есть <div id = "frag" th:insert="fragments/footer :: copy"></div>. Как заменить этот див на <div id = "frag" th:insert="fragments/footer :: butt"></div> в js? Перепробывал 3 варианта

parent.innerHtml ? Но вопрос не по теме чата.

Какую библиотеку для валидации форм посоветуете?

я юзаю yup, но это не совсем валидация форм, а скорее валидации json-схемы

https://github.com/piotrwitek/react-redux-typescript-guide

Там то, без чего вполне можно типизировать Реакт приложение. Всего-то нужны типизация экшенов, редусеров, стора. Это можно сделать без сторонних библиотек.

Там то, без чего вполне можно типизировать Реакт приложение. Всего-то нужны типизация экшенов, редусеров, стора. Это можно сделать без сторонних библиотек.

в смысле? без типизации пропсов, стейта, стора, коннекта, экшнов?

Можно ли юзать одну либу в одном проекте, но разных версий? И как это делать нормально? А то нужно обновить огромное легаси, и опасно сразу целиком обновлять пакеты некоторые...

Там то, без чего вполне можно типизировать Реакт приложение. Всего-то нужны типизация экшенов, редусеров, стора. Это можно сделать без сторонних библиотек.

ну так там про стор и экшны как раз. и причем тут библиотеки? этот репозиторий это гайд

Там не было найдено толковых примеров от начала до конца и без стороннихбиблиотек. Нашёл 2 статьи и скомпоновал из них. Примеры такой типизации в моём репо.

без каких библиотек, лол?

Можно ли юзать одну либу в одном проекте, но разных версий? И как это делать нормально? А то нужно обновить огромное легаси, и опасно сразу целиком обновлять пакеты некоторые...

наверное нужно почитать про алиасы в npm/yarn. В yarn точно есть

самому кстати скоро понадобится походу

Можно ли юзать одну либу в одном проекте, но разных версий? И как это делать нормально? А то нужно обновить огромное легаси, и опасно сразу целиком обновлять пакеты некоторые...

afaik можно в lock файле прописать нужные зависимости (и в peer в том числе) и запустить установку пакетов

Хей, я делаю fetch запрос в componentDidMount, в аргументе лежит переменная из редакса. Как сделать чтобы при изменении этой переменной в сторе вновь отправлялся запрос с новым аргументом?

afaik можно в lock файле прописать нужные зависимости (и в peer в том числе) и запустить установку пакетов

лучше не редачить lock руками

лучше не редачить lock руками

че эт

че эт

>afaik можно в lock файле прописать нужные зависимости 🤷‍♂️

всем привет у кого-нибудь был опыт перестилизации material ui с помощью styled component, возможно вообще хоть как-то обратиться к дочернему элементу?

всем привет у кого-нибудь был опыт перестилизации material ui с помощью styled component, возможно вообще хоть как-то обратиться к дочернему элементу?

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

>afaik можно в lock файле прописать нужные зависимости 🤷‍♂️

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

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

>коммит лок файлов - в целом нормальная практика согласен что ок, не понял в чём противоречие. Я писал: >лучше не редачить lock руками А вот это: >руками подвинуть версию интересующего пакета лучше не советовать даже врагу. А тем более в чате где много новичков. Есть нормальные инструменты для такого

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

А нет ли случайно примера, или на словах? Не могу найти информацию как styled components могут достучаться до дочерних элементов material/

>коммит лок файлов - в целом нормальная практика согласен что ок, не понял в чём противоречие. Я писал: >лучше не редачить lock руками А вот это: >руками подвинуть версию интересующего пакета лучше не советовать даже врагу. А тем более в чате где много новичков. Есть нормальные инструменты для такого

например?

А нет ли случайно примера, или на словах? Не могу найти информацию как styled components могут достучаться до дочерних элементов material/

styled-components умеет чисто классы генерировать?

например?

https://yarnpkg.com/lang/en/docs/selective-version-resolutions/ https://yarnpkg.com/en/docs/cli/add/#toc-yarn-add-alias зависит от кейса конечно

Как при изменении аргумента функции , которая находится в componentDidMount заставить эту функцию вызываться заново с новым аргументом?

А нет ли случайно примера, или на словах? Не могу найти информацию как styled components могут достучаться до дочерних элементов material/

обратиться, через селекторы, как и везде но для стайледов нужно увеличивать вес селектора у нас когда нужно было подкостылить стили делали const StyledButton = styled(Button)` && { styles go here } `

обратиться, через селекторы, как и везде но для стайледов нужно увеличивать вес селектора у нас когда нужно было подкостылить стили делали const StyledButton = styled(Button)` && { styles go here } `

Я о том, что есть например textField а у него скажем есть дочерний label который по вложенности стоит как ребенок (допусти <p>) т.е. структура получается <input><p><input> matherial ui дает мне компоненту inputField, как я могу обратиться к <p> чтобы поменять его свойства?

Как при изменении аргумента функции , которая находится в componentDidMount заставить эту функцию вызываться заново с новым аргументом?

через pubsub наверное, если правильно понял

styled(InputField) в таком случае работает только с верхим root элементом

Я о том, что есть например textField а у него скажем есть дочерний label который по вложенности стоит как ребенок (допусти <p>) т.е. структура получается <input><p><input> matherial ui дает мне компоненту inputField, как я могу обратиться к <p> чтобы поменять его свойства?

вроде вам сюда https://material-ui.com/customization/components/#customizing-components

Я о том, что есть например textField а у него скажем есть дочерний label который по вложенности стоит как ребенок (допусти <p>) т.е. структура получается <input><p><input> matherial ui дает мне компоненту inputField, как я могу обратиться к <p> чтобы поменять его свойства?

const StyledTextField = styled(TextField)` && p { color: red; } ` емнип так

styled(InputField) в таком случае работает только с верхим root элементом

но в целом, как выше прально написали, можно застайлть через их собственный хелпер

Как можно проверить на js прошло ли 90 дней от сегоднейшей даты?

Как можно проверить на js прошло ли 90 дней от сегоднейшей даты?

как это связано с реактом?

но в целом, как выше прально написали, можно застайлть через их собственный хелпер

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

и одними тегами там не обойтись

вроде вам сюда https://material-ui.com/customization/components/#customizing-components

к сожалению я тут уже была и меня интересует не возможность сделать это средствами material ui, а возможность сделать это через styled components/

к сожалению я тут уже была и меня интересует не возможность сделать это средствами material ui, а возможность сделать это через styled components/

ну так он может просто css-классы генерить или нет?

или смотрите в сторону emotion.sh

там много подходов удачно совмещены

ну так он может просто css-классы генерить или нет?

изучаю этот вопрос, не могу точно сказать

хотя в таком случае можно внешнего вообще ничего не использовать

там много подходов удачно совмещены

спасибо)

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

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

спасибо)

в material-ui это всё тоже есть. Так ли нужен styled-components именно?

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

какой из? поменять стайледы на эмоушн в данном контексте - шило на мыло

в material-ui это всё тоже есть. Так ли нужен styled-components именно?

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

не смене а выбрасыванию)) В material ui есть оба стиля для написания)

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

Как при изменении аргумента функции , которая находится в componentDidMount заставить эту функцию вызываться заново с новым аргументом?

ComponentDidUpdate

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

google: Paul Lewis, FLIP technique 🙂

Кто умеет делать кастомный вывод содержимого строк столбца в React Table v. 7 ? Вот такая запись Cell: cell => cell.data.map(item => item.timestamp) вернёт массив `timestamp`ов в каждой строке таблицы.

google: Paul Lewis, FLIP technique 🙂

о, FLIP, спасибо 😊 забыл название

google: Paul Lewis, FLIP technique 🙂

А готовых либ проверенных случайно нет под это?

handleKeyDown = (event) => { if (event.keyCode === 13 && event.shiftKey) { event.preventDefault() // this.setState({text: this.state.text+="\n"}) event.target.value += "\n" }else if(event.keyCode === 13){ event.preventDefault() return this.sendMessage() } } когда я нажимаю shift+enter вылазит poused in debugger и - Error: Request to bg page ([object Object]) rejected by timeout эт все приколы с текст эрия, но как их решить? <textarea className={"textArea"} style={{width: 'inherit'}} value={text} onChange={val => this.setState({text: val.target.value})} placeholder='Enter Your Message Here' />

А готовых либ проверенных случайно нет под это?

npm: react flip или react move, что-то такое

react magic move скорее даже

но я не юзал, если чё, не в курсе как там реализовано

их много оказывается.. флип, мув, меджик, в разных комбинациях Спасибо)

их много оказывается.. флип, мув, меджик, в разных комбинациях Спасибо)

👍 заходи ещё 😁

doubt how I use logical operators && in a function

боже как отключить русский перевод в доке реакта? как он определяет что мне надо русский показать?

боже как отключить русский перевод в доке реакта? как он определяет что мне надо русский показать?

По лицу! Там сверху справа есть переключатель.

Ну и так-то русские доки на отдельном поддомене