Mike
Кто пользуется styled-components + typescript?
Sergey
react-css-modules вроде либа называлась
но она так себе, если честно. Там какие-то прям косяки про производительность были. Было правда это года 4 назад)
Sergey
Кто пользуется styled-components + typescript?
вроде emotion лучше в плане типизации. А вообще на практике юзал аналогичные штуки только в Material UI. Там с типами было хреново в определённых юзкейсах, и где бы ни смотрел потом, были аналогичные косяки. По-моему только в emotion было норм
max
Куда не пойди, везде жизнь усложнили
Ну, допустим, даже верстку перенести... это надо все class'ы переписать под className={style.elementStyle}?
Sergey
а вообще нормальные верстальщики вполне шарят в реакте
Sergey
и это убого разделять код таким образом. Как его потом модифицировать?
Sergey
в смысле не код разделять. В общем если верстальщик могёт только в html/css, а потом это натягивает фронтендер
Sergey
Mike
styled-components + typescript не видит что это select когда делаешь styled.input as select. Кто то сталкивался с таким? У нас просто готовые Input = styled.input но иногда мы их используем как select. Тут 2 варианта, делать отдельно инпут и селект, делать css и потом наследовать, но не хочется ни 1 ни 2й юзать.
Sergey
А можно пруф?
про реакт или преакт?
Максим
про то, что в реакте скоро можно будет class, for
Sergey
про то, что в реакте скоро можно будет class, for
вот озадачил то)) Про события помню что называлось react fire. А про вот это нихрена не вспомню. А что, на слово никак не поверить?))) Это прям что-то невероятное?
Sergey
проект готовый просто, мы не сможем либу поменять
можно использовать ещё одну. Но если что то я этого не советовал 😄
Sergey
а все, я понял)
ну можно хотя бы проверить нет ли там проблемы такой) И, допустим, переопределить типы в имеющейся, если это вообще возможно конечно
Андрей
Kurzdor
По секрету: можно и сейчас)
Да, только выпадет ошибка в консольку
Kurzdor
Ну, варн, я не помню
Sergey
warning, а не ошибка)
не круто, в любом случае) Засорять консоль, ну такое
Kurzdor
Кек
Sergey
console.prototype.log = function () {}
супер совет, учитывая что нужно так: console.warning = ...
Sergey
🙂
Sergey
или warn даже)
Sergey
ещё можно раз и навсегда избавиться от ошибки undefined is not a function
Sergey
раз уж за вредные советы пошли)))
Mike
так в продакшене не варнится, или варнится?
Sergey
так в продакшене не варнится, или варнится?
в продакшне ничего не ворнится. Но это не повод костылить вот так вот 😉
Sergey
если про стили речь, то насколько помню они вполне легковесные обычно
Mike
emotion + styled-component. я просто в шутку сказал, если что
Mike
без холиваров
Sergey
emotion + styled-component. я просто в шутку сказал, если что
я подключал примерно так) Но потом всё же отказался от этой затеи. Из минусов разве что порядок вставки стилей будет проблемой. А так вроде веса особо не добавит. Но лучше померить предварительно
Sergey
Да не, просто интересно стало почитать) а так, верю конечно)
в issues реакта надо искать. Или роадмапе каком-нибудь. Вообще это анонсировалось на какой-то конференции. Наверное React Europe, но это вряд ли в поисках сильно поможет)
Sergey
Поивет реакт селект
а что? Там несколько либ под это или что?) Или речь про сегодняшние споры? 😄
Kurzdor
Но все же тянет гребанный цсс ин жс
Sergey
Но все же тянет гребанный цсс ин жс
а почему это проблема? Вкусовщина?
Kurzdor
а почему это проблема? Вкусовщина?
Допустим у тебя styled components
Kurzdor
И юзаешь реакт селект
Sergey
Допустим у тебя styled components
и задолбаешься переопределять, я понял)
Kurzdor
Вуаля, два рантайма цсс ин жс
Sergey
два рантайма то не страшно. А вот как их между собой дружить вот это проблема
Mike
а какая разница? стайлед быстрый и у него уникальные имена всегда
Mike
Лол
что?
Sergey
(ссср)
там две S 🙂
Sergey
а какая разница? стайлед быстрый и у него уникальные имена всегда
дело не в уникальности имён даже. А в порядке вставки стилей в head
Mike
аа, есть такое
Mike
так можно сделать styled(Select)
Mike
и стилизировать из другой либы компонент
artalar
Build-time анимация инерции https://codesandbox.io/s/css-spring-macro-376w4
Sergey
Build-time анимация инерции https://codesandbox.io/s/css-spring-macro-376w4
жёстко. Неужели бывает настолько критично по производительности чтоб в css загонять spring?)
Sergey
Ну мобилки
и по замерам сильно помогает прям или пока не опробовано в проде?
Dmitriy
Build-time анимация инерции https://codesandbox.io/s/css-spring-macro-376w4
это когда не можешь уйти от стайледов?
Oruj
для чего нужен CssBaseline?)
Vall
для чего нужен CssBaseline?)
В доке же написано все
Oruj
В доке же написано все
ну так скопируй главный текст сюда
Oruj
Ты на приколе?
и на приколе и вдруг не могу найти)
Vall
и на приколе и вдруг не могу найти)
Как ты дошел до изучения реакта?
Oruj
)))))))))))))))))))))))))
Oruj
ну все мы тут не из наса)