Артем
оно мне ругается на handleClick
Oleg
render() { this.handleClickInput = () => { this.handleClick(); }; return ( <div> <Input onClick={this.handleClick} hidden type="file" /> <div className={styles.input_file} onClick={this.handleClickInput}> {this.props.children} </div> </div> );
return ( <div> <Input ref={ref => this.inpRef = ref} hidden type="file" /> <div className={styles.input_file} onClick={this.handleClickInput}> {this.props.children} </div> </div> ); this.handleClickInput = () => { this.inpRef.click(); };
@man
Приветик, ребят вопрос, кто сталкивлася может рендерится массив объектов(картики) через map, как работать состоянием я пытаюсь прицепить состояние к отдельным объектам массива, но не выходить, оно цепляется ко всем. Может через key можно как-то выборочно это делать?
🤴👷‍♂️🦸‍♂️🧚‍♀️
Привет. Кто дружил реакт с сео? Что вы юзали? (Кроме ssr)
🤴👷‍♂️🦸‍♂️🧚‍♀️
Helmet + SSR
Почему на нем остановился?
Александр
А какие альтернативы? Потому что он работает и дружит с SSR
🤴👷‍♂️🦸‍♂️🧚‍♀️
Александр
prerender и иже с ним
Пререндер имхо кривое решение, ну и не подходил этот способ по ряду причин, с SSR банально проще
Александр
Ну и опять же какая связь между helmet и пререндером, helmet он для управления тем что в секции head находится, title, meta-теги, lang-атрибуты и так далее
🦜
Привет. Кто дружил реакт с сео? Что вы юзали? (Кроме ssr)
тупа на бекенде собираешь html нужный и отдаешь с бандлом spa
Oleg
неа( ругается на ref
https://reactjs.org/docs/react-api.html#reactcreateref
Александр
а я слышал, что с ssr сложнее
Не надо слушать, надо делать
Igor
Всем добрый день, есть вопрос по модификаторам для компонентов, суть такова, есть кнопка (атом) и у кнопки может быть иконка (иконка - молекула), тут лучше по пропсу передавать имя иконки и кнопку в молекулы перетащить или написать hoc?
Igor
так и думал в принципе))
Stas
Привет. Есть у меня роут /article/:id с копонентом Article Как мне сделать если пользователь переходит по роуту /oldarticle/:id то его редиректит на /article/:id?
🦜
Igor
обновил react-scripts до последней версии аж с 1.0.11, сборка на серваке отвалилась под out of memory))
Stas
<Switch> <Redirect from='/oldarticle/:id' to='/article/:id'/> <Route path='/article/:id' component={Article}/> </Switch>
О, спасибо. А если такой случай, что с любой страницы /any_text/:id редирект на /article/:id?
Stas
тоже самое
Спасибо
Артем
Maxim
Необходимо взять наши компоненты, написанные на реакте и отдать их стороннему сервису без реакта и наших либ. Пока мысль была сделать айфреймом или каким-то отдельным бандлом. Как лучше сделать?
Igor
а локально?
локально норм, на серваке просто оперативы не хватило, лол)
Igor
надо почитать ченджлог, а то 2 версии мажорные были
🦜
локально норм, на серваке просто оперативы не хватило, лол)
тебе вместе с вебпаком нужно еще и другие либы обновлять
Igor
я знаю
Антон K.
подскажите бибилиотеку для считывания QR кода, на React Native
R
подскажите бибилиотеку для считывания QR кода, на React Native
https://github.com/moaazsidat/react-native-qrcode-scanner я вроде этой пользовался, только после 5-10 сканировании подряд камера грелась сильно и приложение вылетало
Антон K.
спс
Ilia
Ребят,можете скинуть плс пример ,как заменить редакс на хуки?(асинхронные action и т.д.)(В гугле не нашел целостных примеров)
Maxim
Ребят,можете скинуть плс пример ,как заменить редакс на хуки?(асинхронные action и т.д.)(В гугле не нашел целостных примеров)
Хуки не реализуют функциональность стейт-менеджера. Что именно вы хотите сделать?
Alexey
Есть же уже на любой вкус Redux, Mobx, Effector, Reatom и тд..
Ilia
React + Context + Hooks - лично я вижу это так... Вопрос зачем?
Ну я хочу написать spa , на 100% используя возможности хуков(и без редакс)
Тимофей 🛴
Ну я хочу написать spa , на 100% используя возможности хуков(и без редакс)
Ну и в итоге реализуешь редакс) ну или сделаешь говно
Andrey
по ходу надо пинить статью @XaveScor
Maxim
Ну, т.е. есть какая-то объективная причина и чем вы его замените? Контекстом?
Rrr
если приложение не очень большое, или данных, которые надо шарить не очень много, то контекст идеальное решение
Ilia
Причина - изучить хуки на практике)
Alexey
Ну да, ты в итоге напишешь какой-то хук типа useStore, который под капотом будет работать с useReducer по капотом, к примеру -ну по факту ты напишешь редакс заново)))
Alexey
Если я не ошибаюсь уже есть хуки для редакса(поправьте если ошибаюсь)
Andrey
в редаксе есть хуки, юзайте, вкупе с хуками реакта
Ilia
Есть useSelector и useDispatch
Alexey
Причина - изучить хуки на практике)
Изучить хуки на практике - заменить полностью всю на хуки - немного разные понятия))))
Alexey
Скоро будем писать хук useCreateReactApp(APP_OPTIONS) И в продакшн)
Anonymous
Скоро будем писать хук useCreateReactApp(APP_OPTIONS) И в продакшн)
А потом что-то типа того, ага useDockerContainer(app)
Stas
сам по себе перестал работать hot reloading, при изменении и сохранении файлов не идет перекомпиляция. ничего не менял, ничего не добавлял
Сергей
из-за чего в Jest может появиться такая ошибка "TypeError: batch is not a function"?
Maxim
сам по себе перестал работать hot reloading, при изменении и сохранении файлов не идет перекомпиляция. ничего не менял, ничего не добавлял
1. Так не бывает, само ничего не ломается. 2. Вы не предоставили никакой инфы, конфиг вебпака например. 3. Hot reloading и watсh - это разные вещи, у вас watch не работает, я так понимаю..
Maxim
А какая ОС? На винде вроде иногда нужны танцы с бубнами в опциях watch, там polling и pollingInterval.
Stas
Всё замечательно работало до этого, как вдруг перестало. Серьезно ничего не делал, кроме как наверное react-helmet установил
Anonymous
Справа внизу в идешке никакого уведомления не всплывало?
Stas
Справа внизу в идешке никакого уведомления не всплывало?
Не обратил внимания. Но возможно это и нужно, спасибо, попробую
Anonymous
Не обратил внимания. Но возможно это и нужно, спасибо, попробую
Скорее всего, потому что ранее у меня была такая же проблема.
Anonymous
Не обратил внимания. Но возможно это и нужно, спасибо, попробую
вот примерно такой варнинг должен быть, если у вас vscode
Maxim
Жесть, а нельзя vscode запретить вотчить так много? Ну, типа игнорить node_modules..
Stas
вот примерно такой варнинг должен быть, если у вас vscode
Я вспомнил, что у меня такое было, когда вс код начал вотчить node_modules