R
А можно по подробнее...
p
Всем привет!
Вопрос по архитектуре приложения.
Есть 3 таблицы: марка автомобиля, модель автомобиля и запчасти для каждой модели.
Нужно сделать поиск по марке, затем после выбора марки отображать модель, затем после выбора модели отображать запчасти для этой модели.
Как лучше организовать компоненты и роутинг?
1. Все компоненты (Марки, Модели, Запчасти) расположить на одном уровне и роутером перенаправлять между компонентами, передавая ID в url. Смущает передача ID через url.
2. Расположить компоненты внутри друг друга: Запчасти внутри Модели, Модели внутри Марки. И передавать ID как параметр. Не понятно как при этом по uri /<Марка>/<Модель> сразу открывать нужную страницу с моделью авто.
Что посоветуете?
artalar
reakit/reakit: Toolkit for building accessible rich web apps with React
https://github.com/reakit/reakit
Red[$]hort
Интересный кит, правда мало компонентов
Dmitriy
Штааа сафари не поддерживают prefetch?) А чё так? Точно новый ослик
Павел
Что за префетч еще
Ivan
Всем привет!
Вопрос по архитектуре приложения.
Есть 3 таблицы: марка автомобиля, модель автомобиля и запчасти для каждой модели.
Нужно сделать поиск по марке, затем после выбора марки отображать модель, затем после выбора модели отображать запчасти для этой модели.
Как лучше организовать компоненты и роутинг?
1. Все компоненты (Марки, Модели, Запчасти) расположить на одном уровне и роутером перенаправлять между компонентами, передавая ID в url. Смущает передача ID через url.
2. Расположить компоненты внутри друг друга: Запчасти внутри Модели, Модели внутри Марки. И передавать ID как параметр. Не понятно как при этом по uri /<Марка>/<Модель> сразу открывать нужную страницу с моделью авто.
Что посоветуете?
Вообще такую логику по-хорошему реализовывать на стороне бэкенда (хотя бы частично), а именно работа с моделями и связями в БД
p
Вообще такую логику по-хорошему реализовывать на стороне бэкенда (хотя бы частично), а именно работа с моделями и связями в БД
вопрос чисто по организации компонент и роутинга...
Ivan
Базы данных, relationships
Daniil
Штааа сафари не поддерживают prefetch?) А чё так? Точно новый ослик
Его никогда и не поддерживали же
Ivan
вопрос чисто по организации компонент и роутинга...
Написано по архитектуре приложения, а это ведь не только фронт) ну ок
Daniil
Сафари именно? А чего прикольная же штука
Не спорю что хорошая. Все семейство яблок не поддерживает насколько помню.
Dmitriy
Не спорю что хорошая. Все семейство яблок не поддерживает насколько помню.
Очень странно. Должны же хоть отмазки придумать чего не имплементируют
Daniil
Не спорю что хорошая. Все семейство яблок не поддерживает насколько помню.
Да, судя по can I use все так.
Daniil
Ну они и тот же вебп не поддерживают)
В общем все как всегда
Dmitriy
Да, судя по can I use все так.
Зато preload поддержка в последних есть 🤦♂где логика что важнее...
Daniil
Зато preload поддержка в последних есть 🤦♂где логика что важнее...
Надо гуглить в общем. Почему, на момент тестов префетча, я не особо узнавал. Привыкаешь что каждый бренд свои правила диктует
Igor
какой самый производительный браузер? Яндекс браузер?))
Igor
хром любит оперативу жрать конечно))
Dmitriy
Dmitriy
Воркеры ? А они причём тут ?)
Оказывается с его помощью можно организовать префетч кусков бандла в фоне)
Daniil
Оказывается с его помощью можно организовать префетч кусков бандла в фоне)
Ну там не будет именно префетч насколько помню. Просто в фоновом режиме он вроде подгружает.
Daniil
Хотя может уже что - то поменяли, давно не использовал
Dmitriy
Ну там не будет именно префетч насколько помню. Просто в фоновом режиме он вроде подгружает.
Ну префетч так и работает) тока более строго браузером блочится если он занят
Daniil
Угу
Артем
Артем
то есть потомок пользуется функцией, тогглит родителя, это работает, стэйт родителя меняется, но этот стейт (переданный через проп в потомка)потомок потом не видит
Daniil
Key
Wlatt
Всем привет! Пытаюсь заюзать form-redux, но появилась проблема. С помощью stopSubmit в санке возвращаю ошибки из ответа с сервера. Но когда из санки возвращаю промис, чтобы использовать свойство submitting для disabled кнопки отправки, ошибки с сервера появляются на долю секунды и потом происходит обновление стейта редакс и ошибка исчезает. Судя по всему стопсабмит записывает в стейт ошибки, а потом при записи в стейт свойсва submitting ошибки в стейте затираются. Кто нибудь сталкивался?
Dmitriy
Артем
чтобы понимать зачем это все: родитель это слайд с карточками, потомки - карточки, при нажатии на карточку она разворачивается, поскольку развернута может быть только одна карточка,то родитель всегда знает на какую карточку тыкнули
Michail
Подскажите в Babel есть 1 пресет который будет и весь совремееный стнадарт поддерживать и статические свойства внутри класса переводчить, потомучто я ставил плагин, но хотелоь бы чтоб 1 пресет отвечал за все
Ilia
Ребят,почему не работает в styled comonent media запрос? const Header = styled.header`
@media screen and (max-width: 600 px) {
background:black;
color:white;
}
border-bottom:1px solid black;
grid-area:header;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
height:3.5rem;
`;
Dmitriy
Ребят,почему не работает в styled comonent media запрос? const Header = styled.header`
@media screen and (max-width: 600 px) {
background:black;
color:white;
}
border-bottom:1px solid black;
grid-area:header;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
height:3.5rem;
`;
const Header = styled.header`
@media screen and (max-width: 600 px) {
background:black;
color:white;
};
border-bottom:1px solid black;
grid-area:header;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
height:3.5rem;
`;
А так?
Ilia
Dmitriy
Не,ничего не меняется...
const Header = styled.header`
border-bottom:1px solid black;
grid-area:header;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
height:3.5rem;
@media screen and (max-width: 600px) {
background:black;
color:white;
};
`;
Ilia
Не,вообще не пойму,что с media случилось.
Michail
Тоесть в create-react-app уже все пресеты и полагины подключены?
Daniil
Тоесть в create-react-app уже все пресеты и полагины подключены?
Тебе CRA банально не даст использовать, например, эксперементалки. Возможно там можно это отключить конечно.
Michail
Просто в CRA в packege json я не видел видел прсетов babel
Michail
Michail
Children это же массив, но что то он не хочет его вохращать
Michail
Michail
Ilia
Ребят,скиньте пример плс media запроса в styled component
Maksim
Vim канал не нашел. Подскажите команду "скопировать 5 строк сверху".спс
Michail
Da
Michail
Michail
arts
Ребят,скиньте пример плс media запроса в styled component
https://lmgtfy.com/?q=styled+components+media+query
Michail
Он не хочет делать это return this.props.children но внутри тега div рабоатет норм
Michail
Это нормально что он не хочет в самом начале масси возращать
Vlad
Народ Bootstrap лучше подключить как cdn или в pakage.json загнать?
Тимофей 🛴
Народ Bootstrap лучше подключить как cdn или в pakage.json загнать?
Есть плагин который подменяет в проде импорты на cdn, я его юзаю для некоторых либ
N
N
Oleg
помогите пожалуйста. я пошёл в мак, купил меню, и захотел поесть дома. но когда донёс, картошечка уже остыла и стала невкусной(
Igor
Ребят, что лучше для e2e тестирования - cypress или jest?
Тимофей 🛴
Oleg
Доставку заказывай)
но тогда не получится взять бесплатный мафин, плюс доплатить 30 грн придётся.
Natalia
А кто-то пишет на dvajs или китайцы еще не покорили мир
Тимофей 🛴
А кто-то пишет на dvajs или китайцы еще не покорили мир
Собеседовал человека с какого то стартапа они юзали)
Natalia
я за puppeteer) плохо что мало в нем интерфейсов только хромлесс
Тимофей 🛴
я за puppeteer) плохо что мало в нем интерфейсов только хромлесс
Я на него перешел потому что там в разработке другие браузеры, а у cypress нет в планах
Natalia
ну шо мне делать с валидацией зараза)
Тимофей 🛴
Это общая ошибка, я пытаюсь залогинится через гугл, но получаю эту ошибку
Погугли
google auth popup_closed_by_user
Очень много ишью, в каком то будет решение
N
Погугли
google auth popup_closed_by_user
Очень много ишью, в каком то будет решение
Да спасибо, нашел оказывается нужно было очистит кэш, и оно сработала