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