VC
как разработчики автоформаттера решат так и будет
это про prettier? он такое делает?
Size: a a a
2021 March 05
M
Valera CSS_Junior
а у вас есть какое-либо правило как сортировать/группировать импорты в файлах? может вы с опытом пришли к какой-то удобной структуре?
Плагин линтера simple-import-sort, ооочень гибкий, можешь подобно описать структуру импортов с путями, шаблонами и тп
VC
Плагин линтера simple-import-sort, ооочень гибкий, можешь подобно описать структуру импортов с путями, шаблонами и тп
классно. попробую
A
@ychebotaev опередил
2021 March 06
VL
Всем привет. Если я начинаю новый проект с кастомным дизайном, стоит ли использовать Material UI компоненты? На сколько можна их кастомизировать?
M
насколько фантазии хватит
☬
Ребят, подскажите логику в создании обычной формы.
На сайте будет несколько форм, они визуально однотипны, такого же вида инпуты, чекбоксы, селекты и кнопки.
Но в разных местах, разные данные и количество элементов в форме.
Создать компонент Form, который в зависимости от данных в пропс будет рендерить элементы для ввода данных, затем через коллбек в пропсах передавать эти данные в стор mobx?
Я просто не понимаю, как это сделать по-человечески.
На сайте будет несколько форм, они визуально однотипны, такого же вида инпуты, чекбоксы, селекты и кнопки.
Но в разных местах, разные данные и количество элементов в форме.
Создать компонент Form, который в зависимости от данных в пропс будет рендерить элементы для ввода данных, затем через коллбек в пропсах передавать эти данные в стор mobx?
Я просто не понимаю, как это сделать по-человечески.
ЮЧ
Можно просто прокинуть стор на форму и объявить ее обсервером
☬
Можно просто прокинуть стор на форму и объявить ее обсервером
Для каждой различной формы свой стор?
ЮЧ
Можно да
ЮЧ
Вообще это тонкий момент
ЮЧ
Кто-то предпочитает копировать однотипные формы, а кто-то делает одну убер-форму
ЮЧ
Тут дело вкуса и опыта
ЮЧ
Но при любом раскладе вы можете просто одним из пропсов прокинуть стор на форму и писать и читать сразу из него
АК
Привет. Получаю данные с помощью Аксиос. Компонент использует хуки.
const
У меня данные - один объект с ключами. Примерно так
{"pagination": {
"total": 12,
"per_page": 10,
...
}},
Нужно ли для вывода значения в разметке использоаать map?
Или достаточно <div>
Данные получены в useEffect
const
[paginateData, setPaginateData] = useState([]);У меня данные - один объект с ключами. Примерно так
{"pagination": {
"total": 12,
"per_page": 10,
...
}},
Нужно ли для вывода значения в разметке использоаать map?
Или достаточно <div>
{paginateData.per_page}</div>Данные получены в useEffect
useEffect(() => {
api.get(URL, { headers: authHeader() })
.then(res => {
consoleconsole.log(res);
setPaginateData(res.data.pagination);
})
.catch(err => {
consoleconsole.log(err);
})
}, []);ЮЧ
Привет. Получаю данные с помощью Аксиос. Компонент использует хуки.
const
У меня данные - один объект с ключами. Примерно так
{"pagination": {
"total": 12,
"per_page": 10,
...
}},
Нужно ли для вывода значения в разметке использоаать map?
Или достаточно <div>
Данные получены в useEffect
const
[paginateData, setPaginateData] = useState([]);У меня данные - один объект с ключами. Примерно так
{"pagination": {
"total": 12,
"per_page": 10,
...
}},
Нужно ли для вывода значения в разметке использоаать map?
Или достаточно <div>
{paginateData.per_page}</div>Данные получены в useEffect
useEffect(() => {
api.get(URL, { headers: authHeader() })
.then(res => {
consoleconsole.log(res);
setPaginateData(res.data.pagination);
})
.catch(err => {
consoleconsole.log(err);
})
}, []);Достаточно
OJ
а у вас на работе Material UI не используют? и часто ли наподобие Material UI в профессиональных проектах используют?
Ю
Очень часто. На текущий - сдк на основе, правда кастомизированы и убрано лишнее