MⅨ
Подскажите а как поменять пропы компонента используя breakpoints в material ui?
Kurzdor
Зависит от фрейма
Vladislav
я не работал с nginix
ну если ты будешь делать бандл и отправлять его в прод, тебе все равно нужен он будет, а у тебя бэк на ноде?
Krits
ну если ты будешь делать бандл и отправлять его в прод, тебе все равно нужен он будет, а у тебя бэк на ноде?
неа, просто юзал fetch раньше и все, но видимо нужн изучить expressJS он поможет?
Китикет
я не работал с nginix
Для ноды есть специальные пакеты чтобы прокси запускать, это проще простого. Или я делал так: эндпоинт, на который я пост запросом шлю обьект для axios, а сервер этот обьект берет, делает по нему запрос и возвращает ответ/ошибку
Krits
лучше всего сомтреть пример а не туториалы читать мне кажется
Vladislav
неа, просто юзал fetch раньше и все, но видимо нужн изучить expressJS он поможет?
попробуй axios и сделать теже самые запросы, а про бэк ты мне и не ответил, express нужен для того что подружить ноду с js
Krits
попробуй axios и сделать теже самые запросы, а про бэк ты мне и не ответил, express нужен для того что подружить ноду с js
Весь бек который я юзал, это просто писал сервис отдльном классе js, где он брал нужные данные из нужных разделов через fetch
Krits
да я думаю моя проблема легко решатся просто нужен один рабочий пример
MⅨ
Добрый! Я копипастнул AppBar из Material UI, но он даже так не работает, в чем может быть причина?
MⅨ
MⅨ
https://codesandbox.io/s/qk6m8vjyoq
Dmitriy
https://codesandbox.io/s/qk6m8vjyoq
В одном сообщении не дано всё писать?
🦜
там все написано, почему у тебя так
🦜
ты все установил в проект?
MⅨ
Ну да: "react-dom": "latest", "react": "latest", "@material-ui/icons": "next", "@material-ui/core": "next"
🦜
@material-ui/styles
Ivan
а от куда у тебя функция makeStyle
enshck
У меня чз node-sass стили применяются, как я их заимпорчу прям в html ?
enshck
А, для этого надо вебпак настроить или импортить в html
🦜
о, вышел v4 material ui
MⅨ
@material-ui/styles
Офигеть это получается в самом примере не указано?
MⅨ
Сейчас попробую...
🦜
Ну дока у них бывает кривовата
Bohdan
нельзя заигнорить для приттиера файл одним коментом в файле?
Bohdan
/* prettier-ignore */
в доке пишут что это will exclude the next node in the abstract syntax tree from formatting.
Bohdan
.prettierignore ?
ну да, я прост охотл коментом
A
о, вышел v4 material ui
может попадались на глаза хорошие либы с editable tables в связке с material ui?
Y
Парни, запускаю тест одного (!) файла, приходится ждать 8-10 секунд до завершения. Один тест содержит 3 кейса. Использую create-react-app и react-testing-library. 8-10 секунд для одного теста многовато ведь, да?
A
там таблица же норм
мне нужно редактировать поля в каждой ячейке, и добавлять, удалять ряды
A
ну чтобы руками это не делать
Y
посмотри, что в импортах у этого файла. Возможно он пол-проекта тащит через импорт и собирает
Да нет, в импорте только тестируемый компонент и библиотека для теста
🦜
ну чтобы руками это не делать
https://material-ui.com/ru/components/tables/#%D0%B4%D0%BE%D0%BF%D0%BE%D0%BB%D0%BD%D0%B8%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D1%8B
Юрий
ребят, как посоветуете детектить изменении инпутов? в итоге хочу добиться того, что бы в редаксе был обьект с каждым блоком инпутов и у инпутов в этом блоке был присвоен active, enabled к примеру
🦜
В чатике есть фронты, которые шарят за дизайн фронта на планшетах и терминалах? Подкиньте сайтов, где можно посмотреть как запилить дизайн под такие устройства и какие особенности нужно учитывать
Юрий
Диспатчить из чекбокс экшн
а как понимать, какой чекбокс был выбран и какому менять статус в сторе?
Dmitriy
давать им name
It's geniusly
Юрий
давать им name
так, не пойму panels: {panel1: enabled, panel2:enabled} если я получу name через мой экшн что мне это даст?)
Nikolai
а как понимать, какой чекбокс был выбран и какому менять статус в сторе?
передавать в обработчик ключ и потом в редьюсере по ключу сливать со стором
Юрий
state[e.target.name]: true | false
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
artalar
@kurzdor не надо тут про вуй
Vladimir
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
втыкай менеджер форм, formik например или final-form
Юрий
Dmitriy
а без этого уже не обойтись?)
Реализовать третью часть функционала
Vladimir
а без этого уже не обойтись?)
разумеется можно обойтись. Но каждое усложнение типа "скрывать некоторые чекбоксы при условии", "дизейблить кнопку если невалидно" и т.п. тебе будуть даваться всё сложнее. В менеджерах форм всё это есть уже готовое
Nikolai
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
onChange={() => dispatch({type: 'set', payload: {key: 'chkbx1', value: 'enabled' } } ) }
Nikolai
а при еще одном клике?)
Вам все разжевать и положить в рот? Подумайте как генерить объект, который передаётся)
Y
Нашёл инфу, что тесты с create-react-app всегда долгие, какую бы библиотеку не использовал. Сколько у вас времени занимает протестировать рендер App.js? Кому не лень проверить?
Евгений
Ребят, может кто делал такую же анимацию как на этом сайте http://vitaliqua.ru ? Мб либа какая есть?
Виктор
менюшка там fullPage.js
Евгений
Скроллинг меду вкладками
Евгений
горизонтальный скролл
Anatolii
Всем привет Подскажите пожалуйста, есть такая задача, необходимо разработать кросс-платформенные компоненты для веба и react-native, чтобы можно было переиспользовать. Может кто решал такую задачу или подскажите куда компать. За любую инфу спасибо.
🦜
Ребят, может кто делал такую же анимацию как на этом сайте http://vitaliqua.ru ? Мб либа какая есть?
на самом деле это хуевый сайт, что у них навигация со скоролом и мышкой
Sander
чет не уверен что это вохможно, под веб и react native, там по разному делается все и если вы такое сделаете, то кнопки в react native будут не нативные а на js, медленней будет работать, если такое вообще возможно
Sander
---- как сделать тест в jest, когда у тебя компонент идет вместе с connect? как мне сделать mock для этого connect, чтоб он вернул определенные данные мне, по всякому пробовал вот так он null возврощает jest.mock('react-redux', () => ({ connect: jest.fn().mockReturnValue(() => jest.fn()) }))
Евгений
А как в принципе сделать горизонтальный скролл, либа мб есть, есть опыт? @popuguy
🦜
А как в принципе сделать горизонтальный скролл, либа мб есть, есть опыт? @popuguy
просто делаешь контейнер на нужную ширину смещаешь блоки через transform