Mikhail
или что посоветуете разобрать и посмотреть для таких целей. из чего стоит выбрать?
Если у тебя апи от вп и реакт, и ты хочешь сделать красивый блог / сайт с анонсами / что-то такое, то лучше возьми какой-нибудь легкий генератор статики и вообще забей на реакт
Mikhail
Нулевые затраты на серверы, максимально seo friendly, быстрый initial loading
Mikhail
Реакт тут не нужен
Artsem
Artsem
ЧЯДНТ
Artsem
в this.savedSearchNameInputRef.current - null (в componentDidMount)
Anatoliy
Реакт тут не нужен
Не совсем, у меня пока есть идея, хочу сделать как пет-проект. С реактом работаю, хочется расти - поэтому он обязателен, ну и интересно потрогать какие нибудь инструменты новые соответственно. А так как не хочется заморачиваться сильно со структурой, как хранить и в каком виде то что мне нужно, посмотрел в сторону вп. Но думаю и правда, найти какую нибудь фри "голову" цмски столкнусь с меньшим гемором
Ivan
Существет ли расширение для vs-code которое распознает алиасы из пакета "module-alias"?
Anatoliy
Gatsby не смотрел?
Слышал конечно, посмотрю)
Leon
Слышал конечно, посмотрю)
Там куча стартеров на любой вкус.
Anatoliy
Там куча стартеров на любой вкус.
О да, вот это точно мне интересно будет, не знал
Mikhail
Так а шо такое гетсби если там стартеры есть
Artsem
(в componentDidMount)
myown.
ребята, подскажите плиз. не знаю какие свойства применить, чтобы фоновый рисунок был в своем размере и один раз только в начале. он в отдельном компоненте и прикреплен в начале другого. сейчас отображается просто кусочком
myown.
import React from 'react'; import * as Picture from './assets/img/bg/000.jpg'; import { Link } from 'react-router-dom'; const PictureStyle = { backgroundImage: url(${Picture}), backgroundRepeat: 'no-repeat', backgroundAttachment: 'fixed', backgroundPosition: 'center', backgroundSize: 'cover', backgroundOrigin: 'border-box' }; const HomePicture = props => ( <header className="large-header" style={PictureStyle}> <div className="header"> <div className="content"> </div> </div> <div className="down-arrow" aria-hidden="true"> <span className="arrow"> ❯ </span> </div> </header> ); export default HomePicture;
🦜
Так а шо такое гетсби если там стартеры есть
Гэтсби твои компоненты рендерит в статику
Danila
Как сделать так, чтобы в AppBar работали Link без оборачивание в Router? То у меня получается AppBar будет ререндерится
1) Ты же супер-сеньор, почему ты сегодня спрашиваешь такие штуки 2) <> не легаси?
🦜
1) Ты же супер-сеньор, почему ты сегодня спрашиваешь такие штуки 2) <> не легаси?
С чего ты взял, что я сенбор? 2. Нет, почему это должно быть Легаси?
Danila
С чего ты взял, что я сенбор? 2. Нет, почему это должно быть Легаси?
1) Ты очень уверенные заявления прост обычно делаешь. 2) Мне казалось, надо писать frament
🦜
1) Ты же супер-сеньор, почему ты сегодня спрашиваешь такие штуки 2) <> не легаси?
Спрашиваю, потому что долгое время писал на nextjs и там свой роутинг
G.
(в componentDidMount)
Так вроде все правильно. Попробуй посмотреть значения этого ref в cDU, cWU. Заменить на callback ref для проверки
Danila
2) лил))
Ой, всё. Буду писать фрагмент всё равно.
Dmitriy
Ой, всё. Буду писать фрагмент всё равно.
криейт элемент тоже пишешь?
Eugene
пишу <React.Fragment> kek
Dmitriy
пишу <React.Fragment> kek
React.useState() так пишешь?
Daniil
криейт элемент тоже пишешь?
Сравнил конечно. Во фрагменте что плохого - то ?
Bogdan
https://codesandbox.io/s/compassionate-meitner-3m5bo накидал небольшой пример, хочу сделать одним компонентов авторизацию и регистрацию, можете подсказать как?
Dmitriy
+
порсто любишь самоудовлетворяться повторяя в коде слово реакт?)
Eugene
и React.Component
-
Всем привет, какой адекватный сейчас есть подход для локализации?
Q
?
Cenator 🐈
?
Не кидай ссылки на пиратские ресурсы
Q
ок, сорян. И все же, что посоветуете из учебных материалов по фреймворку и его вспомогательным либам?
Bogdan
подсобите по формам, вообще делают так, есть один компонент внего правила валидации передать и инпуты? для валидации Formik
Dmitriy
Не кидай ссылки на пиратские ресурсы
Скажите чесно с эмодзи флешмоб какойто?
Андрей Чайковский
Кто-то пишет интеграционные тесты с react-testing-library? Нужно протестить компонент, который подключён к стору. По клику на кнопку вылетает запрос из саги, ответ пишется в стор и этот компонент обновляется. Как по-человечески это протестить?
Тимофей 🛴
Зачем вообще такое тестить?)
Я про e2e а не конкретно то что он хочет там тестить саги хуяги
Тимофей 🛴
Зачем вообще такое тестить?)
Ну чем это не кейс, пользователь жмет на кнопку и видит какой то результат
Андрей Чайковский
Я про e2e а не конкретно то что он хочет там тестить саги хуяги
Мне надо тестить не саги, а конкретный компонент. О сагах я написал, чтобы было понимание, как это работает
Андрей Чайковский
rts это вообще аналог enzyme?
Rtl*, да, им можно заменить Enzyme
Vadim
Rtl*, да, им можно заменить Enzyme
Enzyme можно выкинуть уже?
Андрей Чайковский
Enzyme можно выкинуть уже?
Мне надо было на проект завезти тесты, поставил дефолтный тест-стек jest + Enzyme. Enzyme не заводился из-за хуков, с тех пор выбросил его
Vadim
Да
Спс
Bogdan
как лучше убрать бесконечную загрузку?
Bogdan
тоесть если ошибка не крутить спинер а показать ее
Vadim
как лучше убрать бесконечную загрузку?
Показыват лоадер когда идет загрузка))0
Ivan
hidden={!(isLoading || hasError)}
Vadim
?
В чем проблема то?
Bogdan
В чем проблема то?
спинер крутится, а в компонент ждет обьект, если ошибка, все падает, потому что обьекта нету
Ivan
И не будет этого <>
Bogdan
Vadim
ну показать нужно ведь, что ошибка
Ну покажи. В чем проблема конкретно? Ты не знаешь как условие написать?
Dmitriy
как лучше убрать бесконечную загрузку?
isLoading || hasError ? true : false прочти что написано?