DP
Не, не так )
У нас на проекте при текущем сетапе модули это боль )
У нас на проекте при текущем сетапе модули это боль )
Size: a a a
2021 February 12
VS
я раньше модули использовал, вроде проблем особо не наблюдал. Хотел потыкать styled components, но не понял про вывод. В Css файл все преобразуется или в inlineCss
DP
Vitaly Sazonov
а почему?
В основном потому что у нас микс стилей, юай кит (типа), инкапсуляции и ютилити и все это очень сложно дружить, когда styleName, когда className, когда утилиты
Впрочем конечно стайлед возможно и не решат всех наших проблем, но хочется верить что сделают жизнь простого разработчика чуть проще
Впрочем конечно стайлед возможно и не решат всех наших проблем, но хочется верить что сделают жизнь простого разработчика чуть проще
II
Vitaly Sazonov
уважаемые, подскажите, а styled components транспилируются в css файлы при сборке или остаются inline css?
ни то ни другое, в рантайме появляются классы и стили к этим классам
VS
все таки модули будут интереснее?!
II
смотря что такое интереснее
VS
смотря что такое интереснее
производительней
II
модули
DP
Честно говоря мне все равно как это выглядит на проде, инлайн или классы
Инлайн работает быстрее всего? значит пусть будет инлайн
А вот то как это представлено во время разработки и как это можно организовать хорошо что бы шарить между разными частями системы, вот это уже вопрос, и в этом плане styled components мне ближе потому что может быть единая библиотека юайных компонентов, но на месте использования можно их поменять если того требует задача
Инлайн работает быстрее всего? значит пусть будет инлайн
А вот то как это представлено во время разработки и как это можно организовать хорошо что бы шарить между разными частями системы, вот это уже вопрос, и в этом плане styled components мне ближе потому что может быть единая библиотека юайных компонентов, но на месте использования можно их поменять если того требует задача
VS
Инлайн медленее работает
VS
Лучше всего работает чистый css
DP
Чистый? Это как? отдельный файл? Какого размера? по частям или общий для всех
А его загрузка ?
А его загрузка ?
AP
Инлайн рботает быстрее, только за счет того что нет доп запроса, т.е. стили долетают с html. Но вы отказываетесь от кеширования.
AP
Мой выбор - не использовать инлайн =)
II
плюс сам html разбухает
II
и не выразить hoverы
YS
Честно говоря мне все равно как это выглядит на проде, инлайн или классы
Инлайн работает быстрее всего? значит пусть будет инлайн
А вот то как это представлено во время разработки и как это можно организовать хорошо что бы шарить между разными частями системы, вот это уже вопрос, и в этом плане styled components мне ближе потому что может быть единая библиотека юайных компонентов, но на месте использования можно их поменять если того требует задача
Инлайн работает быстрее всего? значит пусть будет инлайн
А вот то как это представлено во время разработки и как это можно организовать хорошо что бы шарить между разными частями системы, вот это уже вопрос, и в этом плане styled components мне ближе потому что может быть единая библиотека юайных компонентов, но на месте использования можно их поменять если того требует задача
а что понимается под инлайн? в моем понимании инлайн это style внутри тега, а styled просто добавляет в райнтайме скомпилированные стили в виде style тегов в хед, а элементы содержат сгенеренные классы
VS
Почему реакт с хуками съедает исключение и его сообщение? это так задумано или просто косяк?
Простой пример:
function Test() {
const [a, setA] = useState(false)
if (a) {
throw new TypeError('test')
}
return <button onClick={() => setA(true)}> test</button>
}
По клику на кнопку в самом компоненте должно вылететь исключение в консоли, но вместо этого получаю неинформативную ошибку (на скриншоте) и ниже Uncaught Error Rendered more hooks than during the previous render
Но никакого TypeError в консоль не выводит
Простой пример:
function Test() {
const [a, setA] = useState(false)
if (a) {
throw new TypeError('test')
}
return <button onClick={() => setA(true)}> test</button>
}
По клику на кнопку в самом компоненте должно вылететь исключение в консоли, но вместо этого получаю неинформативную ошибку (на скриншоте) и ниже Uncaught Error Rendered more hooks than during the previous render
Но никакого TypeError в консоль не выводит
NM
Почему реакт с хуками съедает исключение и его сообщение? это так задумано или просто косяк?
Простой пример:
function Test() {
const [a, setA] = useState(false)
if (a) {
throw new TypeError('test')
}
return <button onClick={() => setA(true)}> test</button>
}
По клику на кнопку в самом компоненте должно вылететь исключение в консоли, но вместо этого получаю неинформативную ошибку (на скриншоте) и ниже Uncaught Error Rendered more hooks than during the previous render
Но никакого TypeError в консоль не выводит
Простой пример:
function Test() {
const [a, setA] = useState(false)
if (a) {
throw new TypeError('test')
}
return <button onClick={() => setA(true)}> test</button>
}
По клику на кнопку в самом компоненте должно вылететь исключение в консоли, но вместо этого получаю неинформативную ошибку (на скриншоте) и ниже Uncaught Error Rendered more hooks than during the previous render
Но никакого TypeError в консоль не выводит
А так можно менять? а имутабильный его через setA только менять можно
VS
А так можно менять? а имутабильный его через setA только менять можно
это пример, чтобы спровоцировать TypeError, так само можно было прописать throw new TypeError('')