Bogdan
это короче key вообще не было у компонента, а ворнинга в консоли тоже не было
Павел
Парни, кто нить использует craco npm пакет, обновились до 5.3.0 без проблем?
Юрий
Andrey
Andrey
может ты там modalIsOpen && <Modal /> сделал
(спойлер, modalIsOpen - это объект с полем modalIsOpen, он всегда truthy`
Andrey
Andrey
не пойму, я консолю, всегда false
у тебя в [modalIsOpen, setModal] = useState({modalIsOpen: false}) в modalIsOpen будет объект {modalIsOpen: false}
что ВСЕГДА приводится к true
Юрий
у тебя в [modalIsOpen, setModal] = useState({modalIsOpen: false}) в modalIsOpen будет объект {modalIsOpen: false}
что ВСЕГДА приводится к true
а я могу в useState создать просто без обьекта?
Anonymous
Всем привет! подскажите, в каких случаях useImperativeHandle может быть оправдано?
Anonymous
делаю функциональный компонент, внутри которого нужно обработать скролл function TextArea(props: Props, ref: any) {
const textareaRef = useRef<HTMLTextAreaElement>(null);
useImperativeHandle(ref, () => textareaRef.current);
const handleScroll = ( ): void => {
if (taRef.current.scrollTop > MIN_SCROLL_PADDING && !textScrolled) {
setTextScrolled(true);
}
if (taRef.current.scrollTop <= MIN_SCROLL_PADDING && textScrolled) {
setTextScrolled(false); }};
return (
<TextFieldWrapper
onScroll={handleScroll}
>)}
export default Object.assign(forwardRef(TextArea));
норм ли здесь юзать useImperativeHandle ?
Konstantin
Привет всем.
Подскажите, для создания проекта сразу со встроеной поддержкой TypeScript лучше использовать команду
npx create-react-app my-app --typescript
или
npx create-react-app my-app
Тут говорится что при использовании без —typescript всё равно будет установлен TypeScript:
Your environment will have everything you need to build a modern single-page React app:
* React, JSX, ES6, TypeScript and Flow syntax support.
Я создал проекты посредством обоих команд и не увидел разницы. Размеры папок тоже +/- одинаковые. Вот и не могу понять, это я что-то не так делаю, или действительно команды дают одинаковый результат? И какую команду собственно использовать?..
Спасибо.
Artem
используйте первый вариант для уверенности и спите спокойно, Константин
Konstantin
используйте первый вариант для уверенности и спите спокойно, Константин
Я понимаю, если там написано —typescript то наверное это всё-таки оно😊
Но я подумал может кто-то глубже копался в этом вопросе?..
Vladislav
Привет всем.
Подскажите, для создания проекта сразу со встроеной поддержкой TypeScript лучше использовать команду
npx create-react-app my-app --typescript
или
npx create-react-app my-app
Тут говорится что при использовании без —typescript всё равно будет установлен TypeScript:
Your environment will have everything you need to build a modern single-page React app:
* React, JSX, ES6, TypeScript and Flow syntax support.
Я создал проекты посредством обоих команд и не увидел разницы. Размеры папок тоже +/- одинаковые. Вот и не могу понять, это я что-то не так делаю, или действительно команды дают одинаковый результат? И какую команду собственно использовать?..
Спасибо.
первая команда тебе даёт пресет с конфигом под разработку на ТС, вторая обычный пресет ласт версии реакта
Konstantin
Vitalij
Ребята может кто скинуть, видео, статью, где показана как от классов к функциям переходим в реакте, что-то типа того, как на ReactConf показывали разрабы React только мб более сложные примеры какие использования хук разных
SENATOR ARMSTRONG
Всем привет. Это плохая практика создавать toast нотификации прямо в редьюсере?
SENATOR ARMSTRONG
то есть в редьюсере изменяю стейт и вызываю toast.error или toast.success
SENATOR ARMSTRONG
использую редукс саги ещё
SENATOR ARMSTRONG
или думаю в сагах тоасты вызывать
Dmitry
Я в экшене делал и норм
wolfe
Всем привет. Это плохая практика создавать toast нотификации прямо в редьюсере?
складывай в массив уведомлений и вотчи этот массив компонентом, где отображаешь оповещения
wolfe
редьюсер должен быть чистым
SENATOR ARMSTRONG
а что если в саге тоастить?
wolfe
там бл
SENATOR ARMSTRONG
?
rovnyart
мужики а есть по электрону такой же чатик от создателей всех этих же чатиков? я где-то потерял ссылку на список)
rovnyart
все нашел
8999228000
Здравствуйте
Немного не в тему реакта, но
Вопрос: на картинке изображён элемент ui
Черный квадрат - input
Прямоугольник за ним - "слайдер" с элементами
Задача:
Перетаскиванием элементов по горизонтали заполняется инпут значением элемента который попадает в его зону
Конкретное решение не требуется, хотел узнать есть ли стандартные подходы/ компоненты
И как это искать
(Пример: если мне нужен слайдер, то я ищу "слайдер")
8999228000
Vladimir
8999228000
https://github.com/airbnb/rheostat
Спасибо
Но это более общий вариант
Сложность именно в реализации отслеживания пересечения элементов при "прокрутке"
Это должно быть и визуально связано с позицией элемента слайдера "под инпутом"
Что то вроде intersection observer
Alexey
Всем привет,скажите пожалуйста,как максимально эффективно и быстро выучить реакт?Желательно ответ сразу с ссылочками,заранее спасибо
🤴👷♂️🦸♂️🧚♀️
Vitalij
учи ангуляр)
Vitalij
в доке есть
Henry
Привет всем, вы можете помочь мне с этой проблемой?
Henry
Henry
пожалуйста
Vitalij
неправильно написанно
Vitalij
вот и контенер не схлопывается
Henry
Прости
Vitalij
1/ верстка должна быть адаптивной под контент
2/ пусть в компонент который их отрисывает через пропсы пропрасывай items которые надо
Vitalij
по сути когда меняешь тип фильтра просто в пропсы проброситься items={items.filter(item => item.type === neeType)} // ток фильтрацию вынеси куда нибудь, а то будет каждый раз новая ссылка создаваться ибо новый массив и лишний рендкер будет
Henry
Спасибо большое, попробую
Roman
Всем привет
Немного оффтопа, но хз где спросить
Редкость ли что компания (работодатель) оплачивает конференции/митапы и/или обучение за свой счёт?
Arthur
Руслан
Roman
Я сейчас просматривал вакансии на фронтэнд и про это ничего не сказано
Об этом не пишут так как обычно все оплачивается?
Руслан
Я сейчас просматривал вакансии на фронтэнд и про это ничего не сказано
Об этом не пишут так как обычно все оплачивается?
Все по разному , кто сразу говорит, а кто-то при встречи
Roman
Окей
Thx ;)
Руслан
Я сейчас просматривал вакансии на фронтэнд и про это ничего не сказано
Об этом не пишут так как обычно все оплачивается?
Ты забей на это ) на другое смотри
Arthur
А чо слоумод теперь 2 минуты ?
Roman
Вхазвхп
Хорошо)
Николай
Почему на одном компе у меня yarn start, а на другом npm start ?
Leonid
Почему на одном компе у меня yarn start, а на другом npm start ?
На одном yarn победил, на другом проиграл... жиза..:(
Николай
Странно ?
Leonid
Напиши yarn start и посмотри что тебе пишется в консоли, и попробуй гуглануть.
Николай
Я собрал в один и тот же день по проекту на компе, и на одном yarn, а на другом npm. От чего зависит это
Leonid
Я собрал в один и тот же день по проекту на компе, и на одном yarn, а на другом npm. От чего зависит это
Что такое yarn а что такое npm давай с этого начнём? Расскажи.
Anonymous
Ор
Anonymous
И про вебпак
Leonid
Потом продолжим разговор если не понятно будет )
Vitalij
Хвхаха
Vitalij
Не надо так жестка)