MⅨ
Подскажите а как поменять пропы компонента используя breakpoints в material ui?
Kurzdor
Зависит от фрейма
Vladislav
я не работал с nginix
ну если ты будешь делать бандл и отправлять его в прод, тебе все равно нужен он будет, а у тебя бэк на ноде?
Krits
ну если ты будешь делать бандл и отправлять его в прод, тебе все равно нужен он будет, а у тебя бэк на ноде?
неа, просто юзал fetch раньше и все, но видимо нужн изучить expressJS он поможет?
Krits
ну если ты будешь делать бандл и отправлять его в прод, тебе все равно нужен он будет, а у тебя бэк на ноде?
А можно на примере показать? я адрес дам где объекты лежат?
Китикет
я не работал с 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
🦜
🦜
ты все установил в проект?
MⅨ
Ну да:
"react-dom": "latest",
"react": "latest",
"@material-ui/icons": "next",
"@material-ui/core": "next"
🦜
@material-ui/styles
Ivan
enshck
У меня чз node-sass стили применяются, как я их заимпорчу прям в html ?
enshck
А, для этого надо вебпак настроить или импортить в html
🦜
о, вышел v4 material ui
MⅨ
Сейчас попробую...
🦜
Ну дока у них бывает кривовата
🦜
Bohdan
нельзя заигнорить для приттиера файл одним коментом в файле?
Bohdan
/* prettier-ignore */
в доке пишут что это will exclude the next node in the abstract syntax tree from formatting.
Kurzdor
A
о, вышел v4 material ui
может попадались на глаза хорошие либы с editable tables в связке с material ui?
Y
Парни, запускаю тест одного (!) файла, приходится ждать 8-10 секунд до завершения. Один тест содержит 3 кейса. Использую create-react-app и react-testing-library. 8-10 секунд для одного теста многовато ведь, да?
🦜
может попадались на глаза хорошие либы с editable tables в связке с material ui?
там таблица же норм
Vladimir
Парни, запускаю тест одного (!) файла, приходится ждать 8-10 секунд до завершения. Один тест содержит 3 кейса. Использую create-react-app и react-testing-library. 8-10 секунд для одного теста многовато ведь, да?
посмотри, что в импортах у этого файла. Возможно он пол-проекта тащит через импорт и собирает
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
Юрий
🦜
В чатике есть фронты, которые шарят за дизайн фронта на планшетах и терминалах? Подкиньте сайтов, где можно посмотреть как запилить дизайн под такие устройства и какие особенности нужно учитывать
Nikolai
Юрий
Диспатчить из чекбокс экшн
а как понимать, какой чекбокс был выбран и какому менять статус в сторе?
Юрий
давать им name
так, не пойму
panels: {panel1: enabled, panel2:enabled}
если я получу name через мой экшн что мне это даст?)
Nikolai
а как понимать, какой чекбокс был выбран и какому менять статус в сторе?
передавать в обработчик ключ и потом в редьюсере по ключу сливать со стором
🦜
так, не пойму
panels: {panel1: enabled, panel2:enabled}
если я получу name через мой экшн что мне это даст?)
state[e.target.name]: true | false
Юрий
state[e.target.name]: true | false
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
artalar
@kurzdor не надо тут про вуй
🦜
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
ну передай что тебе надо
Vladimir
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
втыкай менеджер форм, formik например или final-form
Vladimir
а без этого уже не обойтись?)
разумеется можно обойтись. Но каждое усложнение типа "скрывать некоторые чекбоксы при условии", "дизейблить кнопку если невалидно" и т.п. тебе будуть даваться всё сложнее. В менеджерах форм всё это есть уже готовое
Юрий
разумеется можно обойтись. Но каждое усложнение типа "скрывать некоторые чекбоксы при условии", "дизейблить кнопку если невалидно" и т.п. тебе будуть даваться всё сложнее. В менеджерах форм всё это есть уже готовое
я понял, просто на данный момент, мне даже будет достаточно выявлять какой чекбокс был выбран и давать ему active, enabled.
Nikolai
а если состояние моего input будет не true/false, а active, enabled, closed к примеру
onChange={() => dispatch({type: 'set', payload: {key: 'chkbx1', value: 'enabled' } } ) }
Юрий
Nikolai
Nikolai
а при еще одном клике?)
Вам все разжевать и положить в рот? Подумайте как генерить объект, который передаётся)
Y
Нашёл инфу, что тесты с create-react-app всегда долгие, какую бы библиотеку не использовал. Сколько у вас времени занимает протестировать рендер App.js? Кому не лень проверить?
Алексей
Евгений
Ребят, может кто делал такую же анимацию как на этом сайте http://vitaliqua.ru ? Мб либа какая есть?
Anonymous
Ребят, может кто делал такую же анимацию как на этом сайте 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())
}))
Andrey
Всем привет
Подскажите пожалуйста, есть такая задача, необходимо разработать кросс-платформенные компоненты для веба и react-native, чтобы можно было переиспользовать.
Может кто решал такую задачу или подскажите куда компать. За любую инфу спасибо.
в общие компоненты пихаешь только логику, весь рендеринг делаешь от платформы уже
Евгений
А как в принципе сделать горизонтальный скролл, либа мб есть, есть опыт? @popuguy
🦜
А как в принципе сделать горизонтальный скролл, либа мб есть, есть опыт? @popuguy
просто делаешь контейнер на нужную ширину смещаешь блоки через transform