Недавно React выкатил обновление. И теперь на основном сайте написанно что CRA это плохо. Подскажите как теперь "хорошо" использовать реакт с не js бэкендами?
*Спасибо, что знакомишь ютуб с проблемой доступности.* Об Headless UI слышал, но все откладывал знакомство по миллиону причин. Сейчас как раз новый пет проектик начинаю, там и попробую.
спасибо, посмотрел что делает сам Headless UI для доступности. Взял его для основы. Сами компоненты от Headless UI юзать не буду. Не люблю засорять проект.
Добрый день. Спасибо за прекрасный контент. Есть немного глупый вопрос. Для новичка во фронте порекомендовали бы React или Vue ? С JS все ок, есть опыт С#, поэтому с TypeScript тоже проблем не вижу. Перехожу на фронт с Unity
@@PurpleSchool вот ты доколебался до навигации. У кого такие требования к разработке? Я конечно даже на работу еще не устроился, но как по мне с навигацией перебор.. А как насчет ручной реализации попапов без чужих либок?
@@yankov2206, это стандартные требования к нормальному доступному Popup окну. Новичок может отцентровать div, положить поверх контента и сказать что попап готов. Именно это отличает качественную разработку от слабой.
Очень круто, но что то не работает с компонентом Transition. Я бы хотел добавить минимальную анимацию. А то ролик на 20 минут, из него написание кода это минут 10, и даже простейшей анимации нету. Надо было это осветить.
>Мы нажмем Esc и окно закроется. Ох, как же много сейчас анатилитков\юзабилистов\дизайнеров с моих предыдущих проектов (b2b СНГ) с тобой сейчас не согласится. Антон, нет ли желания осветить тему взаимодействие условных разработчиков с условными смежными отделами? Ведь программирование сейчас - уже не столько про программирование, сколько про софт скилы, тайм менеджмент и вот это вот всё. А то у многих начинающих коллег, кто только вкатывается в профессию попросту ломается мир от увиденного.
Антон, спасибо! Вопрос. Если перестал использовать библиотеку, например antd которую ты упомянул, то для того чтобы её удалить из проекта, достаточно удалить упоминание о ней в package.json ? Или что ещё нужно сделать чтобы она не была больше в проекте?
самая лучшая библиотека- своя. автор в таком случае всегда реагирует на замечания использующего сразу и полностью ответственно. ибо в монстрами потом если какой баг не до просишься исправить. тот же муи кадлая новая версия как совсем что-то новое иотдельное. решается немного проблем, а для этого надо полностью все переделывать. поэтому лучше повозиться и сделать свою. не такая универсальная, но зато не такая проблемная.
@@PurpleSchool а когда в сторонней библиотеке работает не так или ее надо обновить это придется сделать еще больше. уже сталкивался с кривостью того же антд. за неделю так и не убедил исправить, хотя и нашел причину. за следующие 2 дня сделал то что меня устраивало даже больше. итого- неделя потрачена зря. хотя не зря. зато наука не использовать монстров. а обновление с 1 на 2ю или на 3ю версию муи чего стоит. как специально издеваются.
Спасибо за видео. Мне кажется при использовании Headless ui возникнет проблема недостаточности компонентов в библиотеке. Из-за этого придётся подключать mui или ant. А изучать механику библиотек достаточно трудоёмкий процесс. Ну и также mui и ant в своих последних версиях пошли по пути максимально свободной стилизации компонентов, т.е. практически всё можно подстраивать под себя.
🔗 Курс по доступности, Framer Motion, Next и React: purpleschool.ru/course/nextjs
Снова бесподобное видео!
Спасибо!)
О класс, не знал про хедлес. Нраица)
Супер 👍
Спасибо, очень помогло. Побольше подробностей, мне как джуну зашло
Спасибо)
Круто) Пару вещей затянул себе, даже не задумывался о них.
👍
Спаасибо, очень доступно и понятно
Пожалуйста!
А если юсстейт хранится в компоненте на уровень выше, управление им просто спускать через пропсы?
Да, верно. Или через глобальный state manager
Спасибо! Все как всегда интересно и информативно
Пожалуйста)
Классно! Спасибо. Кст сть похожая история от mui - mui/base/ModalUnstyled. Из коробки есть все те же плюшки с доступностью и не только)
Супер, спасибо за дополнение
Недавно React выкатил обновление. И теперь на основном сайте написанно что CRA это плохо. Подскажите как теперь "хорошо" использовать реакт с не js бэкендами?
Я сейчас на всех проектах использую Next где нужен SSR, а где не нужно: Vite
@@PurpleSchool Тоесть , если я использую React вместе Python, то нужно использвоать Vite ?
*Спасибо, что знакомишь ютуб с проблемой доступности.* Об Headless UI слышал, но все откладывал знакомство по миллиону причин. Сейчас как раз новый пет проектик начинаю, там и попробую.
Пожалуйста! Попробуй, я сейчас его использую почти везде
А что используете для такого быстрого создания проекта?Там где выбирали фреймворк и язык
Это Vite: vitejs.dev
@@PurpleSchool Спасибо.Это что-то на подобие create -react-app, если я правильно понял ?
@@nikch2004 это аналог webpack
спасибо, посмотрел что делает сам Headless UI для доступности. Взял его для основы. Сами компоненты от Headless UI юзать не буду. Не люблю засорять проект.
У Яндекса своя же библиотека UI, очень сложная, как они говорили. Они её в открытый доступ выложили, но с тех пор год не обновляли.
У них причём часть попапов бывает нормальные, а часть нет.
Headless UI работает ли с styled components?
Конечно, стили можно использовать любые.
Вутренний код на побитовых операторах и прочем. Хотел что-то оттуда стащить на скорую руку во vue. Передумал
Добрый день. Спасибо за прекрасный контент. Есть немного глупый вопрос. Для новичка во фронте порекомендовали бы React или Vue ? С JS все ок, есть опыт С#, поэтому с TypeScript тоже проблем не вижу. Перехожу на фронт с Unity
Я бы рекомендовал React, вакансий больше. Вот мой курс: purpleschool.ru/course/nextjs
Если "с JS все ok", то без разницы, какой фреймворк...
@@PurpleSchool вот ты доколебался до навигации. У кого такие требования к разработке? Я конечно даже на работу еще не устроился, но как по мне с навигацией перебор.. А как насчет ручной реализации попапов без чужих либок?
@@yankov2206 Слабый пример. Как на счет без webpack'а...
@@yankov2206, это стандартные требования к нормальному доступному Popup окну. Новичок может отцентровать div, положить поверх контента и сказать что попап готов. Именно это отличает качественную разработку от слабой.
Очень круто, но что то не работает с компонентом Transition. Я бы хотел добавить минимальную анимацию. А то ролик на 20 минут, из него написание кода это минут 10, и даже простейшей анимации нету. Надо было это осветить.
Яндекс: вкладывает миллиарды долларов в доступность.
Человек без мышки, который хочет купить мышку на Яндекс Маркете: 🗿
😁😁😁
Будет ли курс по vue?
В дальнейшем возможно
Ну, почему такой акцент на Tab понятно - это последствия использования Vim
😉
😄
>Мы нажмем Esc и окно закроется.
Ох, как же много сейчас анатилитков\юзабилистов\дизайнеров с моих предыдущих проектов (b2b СНГ) с тобой сейчас не согласится.
Антон, нет ли желания осветить тему взаимодействие условных разработчиков с условными смежными отделами? Ведь программирование сейчас - уже не столько про программирование, сколько про софт скилы, тайм менеджмент и вот это вот всё. А то у многих начинающих коллег, кто только вкатывается в профессию попросту ломается мир от увиденного.
Да, уже думал сделать такой выпуск с гостем
Антон, спасибо! Вопрос. Если перестал использовать библиотеку, например antd которую ты упомянул, то для того чтобы её удалить из проекта, достаточно удалить упоминание о ней в package.json ? Или что ещё нужно сделать чтобы она не была больше в проекте?
npm uninstall
Если в коде она не используется, то да, удалить через npm uni
@@PurpleSchool @Helios Спасибо добрые программисты! От души!!!
самая лучшая библиотека- своя. автор в таком случае всегда реагирует на замечания использующего сразу и полностью ответственно. ибо в монстрами потом если какой баг не до просишься исправить. тот же муи кадлая новая версия как совсем что-то новое иотдельное. решается немного проблем, а для этого надо полностью все переделывать. поэтому лучше повозиться и сделать свою. не такая универсальная, но зато не такая проблемная.
Тут проблема, что придется очень сильно заморочиться даже с простыми компонентами, чтобы сделать хорошо и доступно
@@PurpleSchool а когда в сторонней библиотеке работает не так или ее надо обновить это придется сделать еще больше. уже сталкивался с кривостью того же антд. за неделю так и не убедил исправить, хотя и нашел причину. за следующие 2 дня сделал то что меня устраивало даже больше. итого- неделя потрачена зря. хотя не зря. зато наука не использовать монстров. а обновление с 1 на 2ю или на 3ю версию муи чего стоит. как специально издеваются.
Спасибо за видео. Мне кажется при использовании Headless ui возникнет проблема недостаточности компонентов в библиотеке. Из-за этого придётся подключать mui или ant. А изучать механику библиотек достаточно трудоёмкий процесс. Ну и также mui и ant в своих последних версиях пошли по пути максимально свободной стилизации компонентов, т.е. практически всё можно подстраивать под себя.
Остальные компоненты достаточно простые, типа input, которые можно просто самим реализовать. antd крутые, но библиотека иногда overhead
Mui и ant в 10 раз больше весят чем headless
please make some advanced nodejs content if you can.
Sure) Also you can view my node.js course for advance info: purpleschool.ru/course/nodejs
Говно случится, когда модал в модале начнется
Нет, данное поведение обработано в HeadlessUI