Ребят, подскажите, есть ли поддержка scss в create-react-app из коробки?

Ребят, подскажите, есть ли поддержка scss в create-react-app из коробки?

Да, вроде node sass нужно установить, там есть в доке

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

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

как обычно делаются модальные окна? Мне нужно сделать 4 модальных окна с разным наполнением, делается обвертка 1 и при использовании в разных местах добавляються разные чаилды {...prop.childre} ?

Да, вроде node sass нужно установить, там есть в доке

чот найти не могу, там только про css и inline стили вроде

Что использовать для стилизации select в реаекте? Что бы можно было option стилизовать ? Что бы семантично было и доступно

Что использовать для стилизации select в реаекте? Что бы можно было option стилизовать ? Что бы семантично было и доступно

можете попробовать reakit

https://create-react-app.dev/docs/adding-a-sass-stylesheet Не знаю где ты смотрел

чот найти не могу, там только про css и inline стили вроде

https://create-react-app.dev/docs/adding-a-sass-stylesheet/ Лентяй

Если менять объект с датой не собираешься, то держать его в стейте не надо, в этом случае лучше сделать массив объектов, каждому объекту определить уникальный id и обращаться через .map или filter

согласен

Что использовать для стилизации select в реаекте? Что бы можно было option стилизовать ? Что бы семантично было и доступно

Downshift Но может есть что поновее

https://create-react-app.dev/docs/adding-a-sass-stylesheet/ Лентяй

Спасибо, не заметил)

Всем привет! Посоветуйте как оптимизировать страницу под ретину?

подскажите пожалуйста, какой объект нужно передать в toMatchSnapshot, чтоб он передался глубокому инпуту, например? написал так expect(tree).toMatchSnapshot({ autoComplete: expect.any(Number), });

подскажите пожалуйста, какой объект нужно передать в toMatchSnapshot, чтоб он передался глубокому инпуту, например? написал так expect(tree).toMatchSnapshot({ autoComplete: expect.any(Number), });

получил это.

Подскажите, что <> - бозначает в JSX? тег пустышка?

Фрагмент

Подскажите, что <> - бозначает в JSX? тег пустышка?

React.Fragment

Подскажите, что <> - бозначает в JSX? тег пустышка?

Fragment.

Обёртка просто

понял

Но не рендерит див

Всем привет! Посоветуйте как оптимизировать страницу под ретину?

А что ты подразумеваешь под оптимизацией?

Всем привет! Посоветуйте как оптимизировать страницу под ретину?

Что именно ты хочешь оптимизировать под ретину? Изображения можешь рулить через тег picture или указывая srcset Если тебе именно это нужно, то лучше сюда https://t.me/css_ru

Что именно ты хочешь оптимизировать под ретину? Изображения можешь рулить через тег picture или указывая srcset Если тебе именно это нужно, то лучше сюда https://t.me/css_ru

ок. спасибо

Привет. В приложении юзер кладётся в токен, чтобы при загрузке приложения его оттуда достать, сравнить декодированного юзера из токена с правильным юзером и отправить isAuthenticated в стор. При обновлении страницы вместо /login отправляет на /, это хорошо, для этого в начале работы приложения читается токен из localStorage. Трабл, что когда на /stats, при обновлении страницы вижу компонент с роута /. Отчего такое?

Привет. В приложении юзер кладётся в токен, чтобы при загрузке приложения его оттуда достать, сравнить декодированного юзера из токена с правильным юзером и отправить isAuthenticated в стор. При обновлении страницы вместо /login отправляет на /, это хорошо, для этого в начале работы приложения читается токен из localStorage. Трабл, что когда на /stats, при обновлении страницы вижу компонент с роута /. Отчего такое?

exact в роуте c / не забыл?

exact в роуте c / не забыл?

Вроде, нет: <Route path='/login' component={Login} /> <PrivateRoute exact path='/' component={Records} /> <PrivateRoute path='/stats' component={Stats} />

попробуй еще exact в /stats поставить

по-сути не должно кидать в /

Не помогло. Мог бы залить код в Github, это fullstack приложение.

У меня есть <Redirect />, но только в Login, который на /login.

по-сути не должно кидать в /

Посмотрите код, если залью его на Гит?

Посмотрите код, если залью его на Гит?

Кидай, не я, так кто-нибудь посдкажет

Вроде, нет: <Route path='/login' component={Login} /> <PrivateRoute exact path='/' component={Records} /> <PrivateRoute path='/stats' component={Stats} />

роут для / поставь в самый низ

роут для / поставь в самый низ

Без разницы.

Без разницы.

Вообще разница есть. Или ты о том что поменял, но не помогло?

Вообще разница есть. Или ты о том что поменял, но не помогло?

Поменял, не помогло.

Роуты обёрнуты в <Switch>: <Provider store={store} className="App"> <BrowserRouter> <Fragment> <Switch> <Route path='/login' component={Login} /> <PrivateRoute path='/stats' component={Stats} /> <PrivateRoute exact path='/' component={Records} /> </Switch> </Fragment> </BrowserRouter> </Provider>

Всем привет

Есть проект на реакте и SCSS, какую сетку стоит использовать для адаптивности?React- Boostrap/React-Grid-System(bootstrap-like)/Ant-Design(но использовать только сетку), есть варианты ещё какие? Нужна чисто сетка по идее, без компонентов

я компилил кастомную сетку из исходников буцтрапа

Есть проект на реакте и SCSS, какую сетку стоит использовать для адаптивности?React- Boostrap/React-Grid-System(bootstrap-like)/Ant-Design(но использовать только сетку), есть варианты ещё какие? Нужна чисто сетка по идее, без компонентов

css grid, если не нужна поддержка ie

css grid, если не нужна поддержка ie

Если не умеешь с ней управляться, долго времени осваивать?

Если не умеешь с ней управляться, долго времени осваивать?

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

Если не умеешь с ней управляться, долго времени осваивать?

Нет, не долго, есть целая куча интерактивных туториалов

*вот только использовать нужно с умом, а не пихать везде)

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

> разбираться в гридах Прочитать про 10 css свойств?

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

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

> разбираться в гридах Прочитать про 10 css свойств?

человек компилил кастомную сетку из исходников буцтрапа, прояви уважение

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

наоборот же

*вот только использовать нужно с умом, а не пихать везде)

Это как?

могу ли я указать тип пропса в снапшоте вместо точного значения? то есть, у меня есть такой снапшот, и в нём есть инпут с генерируемым полем. в jsonе это выглядит как tree.children[1].children[0].children[0].props.autoComplete могу я как-то указать это? сам тест: test('Render SignIn form correctly', () => { const component = renderer.create( <SignIn />, ); let tree = component.toJSON(); expect(tree).toMatchSnapshot(); });

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

> разбираться в гридах Прочитать про 10 css свойств?

Вумник, поставь себя на место новичка) гриды посложнее флексов будут

единственное упоминание в доке.

кстати, с учётом того, что ionic теперь доступен и для реакта и использует CRA под капотом, здесь всё так же продолжат говорить, что CRA — не для продакшена? ionic тоже не для продакшена?)

Ребят, если проблема, не могу найти решение. Мне нужно найти все ссылки в тексте и сделать их кликабельными. 3 скрин - попытка решения, но на выходе получается то, что отправлено в 1 и 2 скринах. Как это исправить? Кто сталкивался?

кстати, с учётом того, что ionic теперь доступен и для реакта и использует CRA под капотом, здесь всё так же продолжат говорить, что CRA — не для продакшена? ionic тоже не для продакшена?)

Да забей)

кто-нибудь польззовался ивентами в lottie? я нигде нормальный пример найти не могу

Ребят, если проблема, не могу найти решение. Мне нужно найти все ссылки в тексте и сделать их кликабельными. 3 скрин - попытка решения, но на выходе получается то, что отправлено в 1 и 2 скринах. Как это исправить? Кто сталкивался?

если ты вставляешь это дело в реакт компонент, то тебе отрендерится как строка и хтмл символы заменятся) тут dangeroslySetInnerHtml надо

если ты вставляешь это дело в реакт компонент, то тебе отрендерится как строка и хтмл символы заменятся) тут dangeroslySetInnerHtml надо

Огонь, спасибо!

но это не очень секюрно)

Послушал интервью с Дэном Абрамовым, он так интересно мыслит. Прям приятно было слушать. https://soundcloud.com/frontend_u/e114

Послушал интервью с Дэном Абрамовым, он так интересно мыслит. Прям приятно было слушать. https://soundcloud.com/frontend_u/e114

Сегодня ещё не было

Коллеги, что-то не получается динамически чанки грузить - грузится в одном чанке сразу все, помогите пожалуйста: Хостинг: https://8080-c7020f7b-34fb-4ccc-837c-09c41abf3873.ws-eu01.gitpod.io/ Код (там мало): https://github.com/artalar/thebowl.moscow/tree/theme

Вот снапшот настроенного воркспейса: https://gitpod.io#snapshot/169bd704-85ae-4d19-b90a-bad21c47418b

https://twitter.com/schickling/status/1191659496357146624?s=21

https://twitter.com/schickling/status/1191659496357146624?s=21

Чуть в спам не кинул

Чуть в спам не кинул

Там реакт

Посоны, мы вчера зарелизили либу для удобного дата-фетчинга на клиенте: https://github.com/zeit/swr Feedback welcome 🙌

Тут ментейнер есть @skywalker587

Тут ментейнер есть @skywalker587

👍

Всем привет, подскажите пожалуйста, как локальный стейт передать в редакс?

Всем привет, подскажите пожалуйста, как локальный стейт передать в редакс?

зачем? если нужно передать локальный стейт в редакс - не проще ли не использовать локальный стейт в принципе

зачем? если нужно передать локальный стейт в редакс - не проще ли не использовать локальный стейт в принципе

ситуация заставляет сделать именно так