Евгений, прекрасное обьяснение, тема стилизации стала гараздно понятнее. Но буду честен, плавающие моменты остались в голове (нужно ещё покопаться в этой теме). Ранее смотрел некоторые ваши ролики и хочу выразить свою благодарность, за вашу структурированную подачу контента, уверен это много труда. Спасибо Вам!
Спасибо за объяснение, ясное и понятное. Убедил - надо привыкать к тайлвинду. При создании проекта, стили удобно писать внутрь компонента, в этом ведь весь смысл, когда видно всё и сразу. А потом, для чистоты кода, повыносить все стили в отдельные компоненты.
Проблема разделения стилей, логики и разметки хорошо проработаны во Vue.js. В последних веросиях composition API, где, фактически, внутри компонента происходит инкапсуляция разметки, стилей и логики, при том визуально очень хорошо отделимо одно от другого - это супер удобно и легкочитаемо, что позволяет сохранить привычный стиль.
Спасибо за видео! Ещё раз, может кто объяснить зачем это всё? По поводу BEM и слишком длинных имён классов. Существует SASS или SCSS, где эта проблема полностью исчезает + можно создать разные секции файлов scss которые описывают разные части приложения и объединить все с помощью импорта в главный scss файл(поесть main.scss , header.scss, footer.scss и тд). Используя же Gulp или Prepros и тд можно очень просто сделать один css файл ещё и сжатый. Это очень редактить и очень просто писать. Я понимаю концепцию всё в JS, но это не особо юзер Френдли для других программистов. Поправьте если я не прав! Спасибо ещё раз!!!
Как ты реализуешь пиксель перфект на тайлвинде, например? А если слабый дизайнер и тебе нужно подвинуть один элемент на некратное 4 (например) расстояние. Придется создавать отдельный css файл и подключать его по старинке?
Разные файлы css на одну разметку, и таким ни кто не пользуется? Ну вообще-то это самый простой способ сделать тёмную тему. Не думаю, что ты будешь отрицать, что тёмные темы используют. На сайтах с текстами, (статьи, книги) авторы могут заботиться о зрении и комфорте пользователей и давайть инструмент настройки внешнего вида. Это и изменения размера и начертания шрифтов и цветовые темы. Этим пользуются и именно для этого css и был изобретён как отдельная сущьность. Ведь изначально стили описывались пропсами в тегах и это так затрахало первых разработчиков, что они родили css.
У БЭМа селектора длинные, а писать "заклинание" из заготовленных тайлвиндом селекторов это норм? Решение с тайлвиндом или "css as js" убивает читабельность возводя стили компонента в неявную абстракцию. Вроде как, мы должны разделять ответственность, отделяя логику, структуру компонента и его стилизацию в разные зоны. Лучше прилагать к каждому компоненту его css модуль или style component, но контролировать наши стили, чем навешивать абстрактные селектора из библиотеки или пропсы, не имея понимания как это реализовано под капотом, а тем более без возможности закастомить некоторые моменты.
CSS as JS там гибкость страдает Если Box хочу сделать красным на background Или сделать что-то чего нет в props этого компонента Спасибо за видео - классный канал
Если говорить про Box из material ui. Там можно задать любые стили которые можно задать через css, только без прослойки селекторов и с удобным доступом к теме Понятно что Box не пишется самостоятельно а берётся из фреймворка. Тогда там всё необходимое продуманно
Не, ну проглатывать или обрезать окончания предложений в обучающем видео это конечно пздц, вот что это на 16:50 или на 17:08, описывать что??? Приходится по несколько раз переслушивать. Да и зачем вообще записываться, если у тебя голоса нет?
Тебя никто не просит куда-то записываться. Автор, совершенно бесплатно дает полный курс по реакту, при чем - это одни из первых его видео. Для чего ты выписываешь неприятные вещи в комментарии, в чем смысл оскорблять человека: "у тебя голоса нет" и тд, - когда он пытается обучить тебя, или новичка который искал курс по реакту совершенно бесплатно? К тому же он очень даже подробно излагает информацию и дополнительно останавливается на концепциях что бы все все поняли. И это все когда на ютубе очень популярно пропихивать платные курсы...) Я лишь благодарю автора! Есть замечания, но они столь незначительны - что смешно, если ты и хотел поправить и посоветовать что либо то сделай это, хотя бы, без агрессии.
@@Sav_agE-c9r специально для тебя поясняю, записываться - записывать видео, нет голоса - голос пропал. Это все не оскорбления, дорогой ты мой детсадовец. Ты безграмотен и просто так кидаешься на людей, почитай книжек, выпей галоперидола и извинись за свой высер.
Евгений, прекрасное обьяснение, тема стилизации стала гараздно понятнее. Но буду честен, плавающие моменты остались в голове (нужно ещё покопаться в этой теме).
Ранее смотрел некоторые ваши ролики и хочу выразить свою благодарность, за вашу структурированную подачу контента, уверен это много труда. Спасибо Вам!
только начал смотреть ваш первый урок , пожалуйста продолжайте! все оч понятно, и круто !
Жду ваши видео, годнота 😊
Спасибо за объяснение, ясное и понятное. Убедил - надо привыкать к тайлвинду. При создании проекта, стили удобно писать внутрь компонента, в этом ведь весь смысл, когда видно всё и сразу. А потом, для чистоты кода, повыносить все стили в отдельные компоненты.
Интересно было узнать о модульном css подходе, скоро будет отдельная профессия css-разработчик)
Вот гибкость действительно даёт классное преимущество
Бро, спасибо тебе за короткое вступления!! И контент годный!
Исчерпывающее объяснение, спасибо) Лайк
Проблема разделения стилей, логики и разметки хорошо проработаны во Vue.js. В последних веросиях composition API, где, фактически, внутри компонента происходит инкапсуляция разметки, стилей и логики, при том визуально очень хорошо отделимо одно от другого - это супер удобно и легкочитаемо, что позволяет сохранить привычный стиль.
Не подскажешь от кого глянуть можно Vue??
Прекрасный курс
Спасибо за видео! Ещё раз, может кто объяснить зачем это всё? По поводу BEM и слишком длинных имён классов. Существует SASS или SCSS, где эта проблема полностью исчезает + можно создать разные секции файлов scss которые описывают разные части приложения и объединить все с помощью импорта в главный scss файл(поесть main.scss , header.scss, footer.scss и тд). Используя же Gulp или Prepros и тд можно очень просто сделать один css файл ещё и сжатый. Это очень редактить и очень просто писать. Я понимаю концепцию всё в JS, но это не особо юзер Френдли для других программистов. Поправьте если я не прав! Спасибо ещё раз!!!
Как ты реализуешь пиксель перфект на тайлвинде, например? А если слабый дизайнер и тебе нужно подвинуть один элемент на некратное 4 (например) расстояние. Придется создавать отдельный css файл и подключать его по старинке?
В tailwind 3 версии можно задавать значение не предусмотренные в конфигурации
Разные файлы css на одну разметку, и таким ни кто не пользуется? Ну вообще-то это самый простой способ сделать тёмную тему. Не думаю, что ты будешь отрицать, что тёмные темы используют. На сайтах с текстами, (статьи, книги) авторы могут заботиться о зрении и комфорте пользователей и давайть инструмент настройки внешнего вида. Это и изменения размера и начертания шрифтов и цветовые темы. Этим пользуются и именно для этого css и был изобретён как отдельная сущьность. Ведь изначально стили описывались пропсами в тегах и это так затрахало первых разработчиков, что они родили css.
Интересно
У БЭМа селектора длинные, а писать "заклинание" из заготовленных тайлвиндом селекторов это норм? Решение с тайлвиндом или "css as js" убивает читабельность возводя стили компонента в неявную абстракцию. Вроде как, мы должны разделять ответственность, отделяя логику, структуру компонента и его стилизацию в разные зоны. Лучше прилагать к каждому компоненту его css модуль или style component, но контролировать наши стили, чем навешивать абстрактные селектора из библиотеки или пропсы, не имея понимания как это реализовано под капотом, а тем более без возможности закастомить некоторые моменты.
соглы
CSS as JS там гибкость страдает
Если Box хочу сделать красным на background
Или сделать что-то чего нет в props этого компонента
Спасибо за видео - классный канал
Если говорить про Box из material ui. Там можно задать любые стили которые можно задать через css, только без прослойки селекторов и с удобным доступом к теме
Понятно что Box не пишется самостоятельно а берётся из фреймворка. Тогда там всё необходимое продуманно
react best course
tailwindcss and chad cn ui теперь one love. Ооочень ускоряет разработку
css module ближе всех все равно
как грязно привык использовать chakra ui и mui все будет круто
Не, ну проглатывать или обрезать окончания предложений в обучающем видео это конечно пздц, вот что это на 16:50 или на 17:08, описывать что??? Приходится по несколько раз переслушивать. Да и зачем вообще записываться, если у тебя голоса нет?
Тебя никто не просит куда-то записываться.
Автор, совершенно бесплатно дает полный курс по реакту, при чем - это одни из первых его видео. Для чего ты выписываешь неприятные вещи в комментарии, в чем смысл оскорблять человека: "у тебя голоса нет" и тд, - когда он пытается обучить тебя, или новичка который искал курс по реакту совершенно бесплатно?
К тому же он очень даже подробно излагает информацию и дополнительно останавливается на концепциях что бы все все поняли.
И это все когда на ютубе очень популярно пропихивать платные курсы...)
Я лишь благодарю автора! Есть замечания, но они столь незначительны - что смешно, если ты и хотел поправить и посоветовать что либо то сделай это, хотя бы, без агрессии.
@@Sav_agE-c9r специально для тебя поясняю, записываться - записывать видео, нет голоса - голос пропал. Это все не оскорбления, дорогой ты мой детсадовец. Ты безграмотен и просто так кидаешься на людей, почитай книжек, выпей галоперидола и извинись за свой высер.