#18 Сравниваем 6 способов работы со стилями - ReactJS Полный курс

[@unknown.6914]

Евгений, прекрасное обьяснение, тема стилизации стала гараздно понятнее. Но буду честен, плавающие моменты остались в голове (нужно ещё покопаться в этой теме). Ранее смотрел некоторые ваши ролики и хочу выразить свою благодарность, за вашу структурированную подачу контента, уверен это много труда. Спасибо Вам!

[@thunderrise8263]

только начал смотреть ваш первый урок , пожалуйста продолжайте! все оч понятно, и круто !

[@PavelChupryna]

Спасибо за урок!)

[@vitalygaraev8093]

Спасибо за объяснение, ясное и понятное. Убедил - надо привыкать к тайлвинду. При создании проекта, стили удобно писать внутрь компонента, в этом ведь весь смысл, когда видно всё и сразу. А потом, для чистоты кода, повыносить все стили в отдельные компоненты.

[@sashasavin7146]

Жду ваши видео, годнота 😊

[@developer-miracle]

Исчерпывающее объяснение, спасибо) Лайк

[@АлексейПащенко-у3с]

Бро, спасибо тебе за короткое вступления!! И контент годный!

[@theoty-js]

Интересно было узнать о модульном css подходе, скоро будет отдельная профессия css-разработчик) Вот гибкость действительно даёт классное преимущество

[@SamK-r1r]

Прекрасный курс

[@mr_Fr0xman]

Проблема разделения стилей, логики и разметки хорошо проработаны во Vue.js. В последних веросиях composition API, где, фактически, внутри компонента происходит инкапсуляция разметки, стилей и логики, при том визуально очень хорошо отделимо одно от другого - это супер удобно и легкочитаемо, что позволяет сохранить привычный стиль.

[@БонгиБонги]

Не подскажешь от кого глянуть можно Vue??

[@АндрейТынный]

Спасибо за видео! Ещё раз, может кто объяснить зачем это всё? По поводу BEM и слишком длинных имён классов. Существует SASS или SCSS, где эта проблема полностью исчезает + можно создать разные секции файлов scss которые описывают разные части приложения и объединить все с помощью импорта в главный scss файл(поесть main.scss , header.scss, footer.scss и тд). Используя же Gulp или Prepros и тд можно очень просто сделать один css файл ещё и сжатый. Это очень редактить и очень просто писать. Я понимаю концепцию всё в JS, но это не особо юзер Френдли для других программистов. Поправьте если я не прав! Спасибо ещё раз!!!

[@dmitryr9705]

У БЭМа селектора длинные, а писать "заклинание" из заготовленных тайлвиндом селекторов это норм? Решение с тайлвиндом или "css as js" убивает читабельность возводя стили компонента в неявную абстракцию. Вроде как, мы должны разделять ответственность, отделяя логику, структуру компонента и его стилизацию в разные зоны. Лучше прилагать к каждому компоненту его css модуль или style component, но контролировать наши стили, чем навешивать абстрактные селектора из библиотеки или пропсы, не имея понимания как это реализовано под капотом, а тем более без возможности закастомить некоторые моменты.

[@Antonym-b5o]

соглы

[@vladimirmorozov3318]

CSS as JS там гибкость страдает Если Box хочу сделать красным на background Или сделать что-то чего нет в props этого компонента Спасибо за видео - классный канал

[@paromovevg]

Если говорить про Box из material ui. Там можно задать любые стили которые можно задать через css, только без прослойки селекторов и с удобным доступом к теме Понятно что Box не пишется самостоятельно а берётся из фреймворка. Тогда там всё необходимое продуманно

[@SuperWhiteskull]

Как ты реализуешь пиксель перфект на тайлвинде, например? А если слабый дизайнер и тебе нужно подвинуть один элемент на некратное 4 (например) расстояние. Придется создавать отдельный css файл и подключать его по старинке?

[@paromovevg]

В tailwind 3 версии можно задавать значение не предусмотренные в конфигурации

[@ВладимирВолощик-ю3ы]

react best course

[@EvgenOl]

Разные файлы css на одну разметку, и таким ни кто не пользуется? Ну вообще-то это самый простой способ сделать тёмную тему. Не думаю, что ты будешь отрицать, что тёмные темы используют. На сайтах с текстами, (статьи, книги) авторы могут заботиться о зрении и комфорте пользователей и давайть инструмент настройки внешнего вида. Это и изменения размера и начертания шрифтов и цветовые темы. Этим пользуются и именно для этого css и был изобретён как отдельная сущьность. Ведь изначально стили описывались пропсами в тегах и это так затрахало первых разработчиков, что они родили css.

[@БонгиБонги]

Интересно

[@dmitrysvetlov6001]

css module ближе всех все равно

[@sh0ny]

tailwindcss and chad cn ui теперь one love. Ооочень ускоряет разработку

[@thefact4529]

как грязно привык использовать chakra ui и mui все будет круто

[@obyeboshen]

Не, ну проглатывать или обрезать окончания предложений в обучающем видео это конечно пздц, вот что это на 16:50 или на 17:08, описывать что??? Приходится по несколько раз переслушивать. Да и зачем вообще записываться, если у тебя голоса нет?

[@Sav_agE-c9r]

Тебя никто не просит куда-то записываться. Автор, совершенно бесплатно дает полный курс по реакту, при чем - это одни из первых его видео. Для чего ты выписываешь неприятные вещи в комментарии, в чем смысл оскорблять человека: "у тебя голоса нет" и тд, - когда он пытается обучить тебя, или новичка который искал курс по реакту совершенно бесплатно? К тому же он очень даже подробно излагает информацию и дополнительно останавливается на концепциях что бы все все поняли. И это все когда на ютубе очень популярно пропихивать платные курсы...) Я лишь благодарю автора! Есть замечания, но они столь незначительны - что смешно, если ты и хотел поправить и посоветовать что либо то сделай это, хотя бы, без агрессии.

[@obyeboshen]

@@Sav_agE-c9r специально для тебя поясняю, записываться - записывать видео, нет голоса - голос пропал. Это все не оскорбления, дорогой ты мой детсадовец. Ты безграмотен и просто так кидаешься на людей, почитай книжек, выпей галоперидола и извинись за свой высер.