Volodymyr
Да
Спасибо.
Sergey
у меня там даты вот такие 2019-10-05 и так далее
их можно и без момента и миллисекунд сравнить, просто убирая дефисы
Yury
их можно и без момента и миллисекунд сравнить, просто убирая дефисы
а потом когда-нить начнет приходить дата в другом формате и переделывать
Volodymyr
Всем спасибо ребята.
Евгений
привет всем, кто нибудь работал с material ui?
Kurzdor
emotion только в админке
ибо реакт-селект построен на нем )
Евгений
есть вопрос касательно того, как починить отображение expansion panel внутри таблицы
Oleg
кто-то пробовал тестировать material-ui, в частности компонент dialog? пытался протестировать обёртку свою, получил огромный стектрейc. возвращаю это return ( <Dialog open={isOpen} onClose={onClose} onExited={onExited} fullWidth ... стоит вернуть просто див, всё нормально.
ℜ𝔬𝔪𝔞𝔫
Привет! Посоветуйте библиотеку для реализации вот такого графика
Michail
recharts
Denis
Может кто сталкивался с проблемой 100vh? Вопрос такой: у меня приложение состоит из 2 частей: нижняя панель навигации и верхняя часть (меняется). Я не хочу их объединять и в каждом компоненте вставлять элемент с этой нижней навигацией, так как иначе он будет ререндериться и анимации на нём будут исчезать. Сверху компонентам я ставлю высоту 100vh (почему-то 100% не работает) (ну или высоту минус высоту нижней панели). В Chrome на ПК всё ок. Открываю в Safari на телефоне: верх и низ сайта уползает под элементы браузера. Читал, что это связано с особенностями работы vh на iOS. Нашёл пару способов это пофиксить, но ни один не переживает смену ориентации (докручиваю вниз скрол, меняю ориентацию телефона, опять вниз, возвращаю ориентацию -> верх снова с низом уехал). В общем вопрос в том как этого можно избегать? Или что стоит поменять, буду очень рад помощи)
Sergey
Может кто сталкивался с проблемой 100vh? Вопрос такой: у меня приложение состоит из 2 частей: нижняя панель навигации и верхняя часть (меняется). Я не хочу их объединять и в каждом компоненте вставлять элемент с этой нижней навигацией, так как иначе он будет ререндериться и анимации на нём будут исчезать. Сверху компонентам я ставлю высоту 100vh (почему-то 100% не работает) (ну или высоту минус высоту нижней панели). В Chrome на ПК всё ок. Открываю в Safari на телефоне: верх и низ сайта уползает под элементы браузера. Читал, что это связано с особенностями работы vh на iOS. Нашёл пару способов это пофиксить, но ни один не переживает смену ориентации (докручиваю вниз скрол, меняю ориентацию телефона, опять вниз, возвращаю ориентацию -> верх снова с низом уехал). В общем вопрос в том как этого можно избегать? Или что стоит поменять, буду очень рад помощи)
есть способ с css-переменными и всё с ним ок
Denis
есть способ с css-переменными и всё с ним ок
Спасибо, он решил часть проблем, но не до конца
Denis
Ещё заметил, что поведение сильно зависит от fixed или absolute нижней панели
Alexander
Ребят, есть кто-то, что перешёл на react из vue? Насколько сложно далась вам такая миграция? Либо же если знаете оба фреймворка, что можете сказать о сходствах и различиях? Полтора года работаю с Vue, планирую изучить React.
Alexander
Ну дак изучи в чем проблема ? Одно другого не исключает, не страну же предаешь
Проблемы нет, но интересно узнать опыт других разработчиков по этому поводу
Ilia
Ребят,что почитать по реакту(редакс,и т.д.),точнее каким моментам лучше уделить время?В чем чаще всего новички допускают ошибки?Или что-то годное по реакту посоветуйте.(Только без рофла плс,оф.док и т.д.))
Ilia
С этим я уже сталкивался))
Garik
Кто хочет поработать на Реакт Нативе, условия очень жирные!!!
Алексей
@IliyaKobaliya на самом деле, начинать точно стоит с документации, она у реакта действительно хорошая.
Ilia
@IliyaKobaliya на самом деле, начинать точно стоит с документации, она у реакта действительно хорошая.
Я с ней ознакомился,я бы хотел просто понять,тут я думаю есть менторы и т.д.,просто интересно,может есть пробленая часть или что-то в этом роде.Самые частые заблуждения... в этом роде
Viacheslav
https://www.youtube.com/watch?v=9aXRJ8Z-kxA
Viacheslav
Наконец услышал его русский
Ilya
Наконец услышал его русский
забавно следить. Раньше был явный акцент когда он говорил по английски, а теперь проскакивает акцент когда говорит по русски
Viacheslav
Слышал, что нет смысла в редуксе из-за хуков и контекста
Можно нагородить хуки и контекст, а можно просто взять редакс спокойно
Viacheslav
С селекторами бест практисами комьюниты огромным
Alex
всем привет. немного не в теме, вопрос: юзать ли редакс для новых проектов? кучу статей про контекст вышли, теперь не знаю что делать
Alex
какой сейчас бестпрактис?
artalar
Слышал, что нет смысла в редуксе из-за хуков и контекста
Вот реально интересно кто это говорит 🤔
artalar
🤦‍♂️
artalar
Это как, “нам не нужен больше трактор, агроном гусеницы купил”
artalar
wat? 🤯
Katod🇳🇵
В контексте вообще правильно хранить линки на DOM узлы? столкнулся с таким явлением, что в нем не сохраняются DOM узлы. возможно ошибка где-то в коде и контекст тут не при чем, но может я изначально это делаю не так. пока переписал на хранение рефов в полях класса и передаю их потомкам - это решило проблему.
Egor
https://mobile.twitter.com/dan_abramov/status/1191487232038883332
Egor
Видели уже? Автор редакса о своём творении.
Katod🇳🇵
MobX - ван лав
Egor
https://twitter.com/dan_abramov/status/1191518972354715648?s=20 Не похоже на троллинг
Ryner Reinhardt
MobX - ван лав
А все почему? Потому что: MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP)
Ivan
MobX - ван лав
Особенно когда в intercept забудешь change вернуть для observable value
Логинов
Всем привет Подскажите как решить задачку есть компонента import React from 'react'; import {NavLink} from "react-router-dom"; import style from './NavBarLink.module.scss'; //Компонента шапка сайта const NavBarLink = (props) => { //debugger console.log(style); props = props.props; return ( <NavLink className={style.link} to={props.link} // activeStyle={{ // background: 'white', // }} > <div>777</div> <span>{props.text}</span> </NavLink> ); }; export default NavBarLink; есть ее стили @import "./../../../colors.scss"; .link { display: grid; grid-template-columns: max-content 1fr; justify-content: center; align-items: center; padding: .5rem .5rem; border-bottom: 1px solid white; &.active { background: #353535; } &:hover { background: $colorSecondaryHover; } div { height: 2rem; width: 2rem; background: white; } span { display: flex; align-items: center; width: 100%; height: 100%; padding-left: .5rem; color: white; font-size: 1.4rem; } } .link:last-child { border-bottom: none; } когда ходишь по ссылка react сам добовляет класс active но как его достать из не могу так как в стайле он лежит вот так
Логинов
{link: "NavBarLink_link__1FES5", active: "NavBarLink_active__14jrN"} active: "NavBarLink_active__14jrN" link: "NavBarLink_link__1FES5" proto: Object
Логинов
спасибо за отзыв
Логинов
и так пробывал не помагает...он ее в объект пишет как свойство ACTIVE
Логинов
{link: "NavBarLink_link__3QSo6", active: "NavBarLink_active__pvHsh"} active: "NavBarLink_active__pvHsh" link: "NavBarLink_link__3QSo6" proto: Object
Логинов
а что лучше использовать?
Логинов
вместо них?
Логинов
css импортить и прописывать классы по их именам?
Dmitriy
и так пробывал не помагает...он ее в объект пишет как свойство ACTIVE
можешь добавить стили вот так <NavLink activeStyle={{ fontWeight: "bold", color: "red" }} >
Логинов
так работает. но ест но...если от актива зависят и другие элементы...че делать тогда?
Dmitriy
css импортить и прописывать классы по их именам?
Нет. Сss-in-js это подход общий (гугл в помощь), есть множество либ которые этот подход реализуют
Логинов
спасибо. погуглю...
Dmitriy
так работает. но ест но...если от актива зависят и другие элементы...че делать тогда?
тогда прийдется городить функцию в проп isActive, там чекать и если заматчилось то менять стили дочерних узлов. Но как по мне проще выкинуть модули. Я лично так и не понял в чем профит от них если проблем больше чем решений которые они предлагают
Артур
почему выдает ошибку?
Артур
с ним также
🔫
я вру
Dmitriy
Dmitriy
я вру
не стоит
🔫
не стоит
))бывает поспешил, в код не посмотрел
Артур
const element = () =>
не помогло. это код с документации и там он работает https://codepen.io/pen?&editable=true&editors=0010
Dmitriy
в app.js убери строку рендера