Which technologies to choose for frontend in 2025

[@ksushakiseleva2644]

Михаил, большое спасибо за видео!

[@un_defined]

Спасибо, Михаил, классное оформление эфира, музычка, возможно немного засвечена картинка, но вам виденее).

[@АндрейФилиппов-з3и]

Спасибо за полезный контент!

[@karatsergio4472]

Спасибо , хорошие рекомендации 👍

[@uvy.studios]

Интересный формат съёмки и монтажа. Приятно смотреть.

[@ElenaKhuzhina]

Спасибо большое 👍

[@khayaproduction5537]

Спасибо! Всегда интересно !!!

[@АндрейПотапенко-я1м]

СПАСИБО ЗА КОНТЕНТ

[@edbazhenov]

К Jest у меня основная претензия - работа с ESM. Когда настраивал это у себя в проекте, чуть руки не переломал

[@Taiga_libertarian]

Красно придумал с обработкой видео

[@front-cat]

Отличный список, а какой стек должен знать миддл?

[@starik061]

красиво оформлен переход с музычкой между разделами ролика

[@CJIu3eHb]

Только потише надо сделать.

[@elementalhero9939]

Миша, спасибо за твою работу. Отличное видео. Хотел узнать твой взгляд на useSwr от создателей next js (vercel). Использую его на Реакт приложении вместо ртк.

[@mishanep]

Хорошая штука. Когда-то делал на нее обзор.

[@omak3313]

да, SWR мне тоже больше нравится. Краткий красивый синтаксис

[@un_defined]

да я тож на SWR всё оформил

[@Обла4ко]

У меня курсор в качестве редактора кода, но он очень сильно подвисает 😢

[@never.m1nd]

Миша не упомянул БЭМ и как я этому рад ;D Я учился на курсе от яндекс практикума, как они там утомили (использую корректную формулировку) этим БЭМом...

[@mishanep]

Ни в css modules, ни CSS-in-JS, ни тем более Tailwind никакой БЭМ уже не нужен =)

[@never.m1nd]

@@mishanep ага, я вот сейчас css модули использую, мне так нравится, я просто выдохнул когда отошел от БЭМа)

[@un_defined]

@@never.m1nd а я изначально понял что это шляпа полная. когда мне начинали обратное рассказывать всегда умилялся, также работая с модулями

[@alexeyfilippov42]

Михаил, не согласен с зустандом. для работы обязательно конечно знать редакс, а альтернатива еффектор

[@mishanep]

Проект проекту рознь. Редакс мне встречается всё реже, а Эффектор и вовсе ни разу не попадался.

[@dmitriyanatolev2518]

Советую использовать UI библиотеку Shadcn. После того как вы ее пощупаете, больше не захотите использовать другие вещи

[@mishanep]

Чем она, по-вашему, принципиально лучше упомянутых UI библиотек? Я щупал мельком, но не слишком настойчиво =)

[@dmitriyanatolev2518]

@ в первую очередь тем, что мы не зависим от библиотеки, устанавливая в проект компоненты shadcn, мы получаем доступ к их настройкам у себя локально. Функционал и стилизация этих компонентов полностью в наших руках без каких либо сложных действий. Усовершенствовать и масштабировать можно до бесконечности. Под капотом в неё интегрированы react hook form, zod, recharts, react day picker, react table и оочень много других современных и полезных инструментов. Построена на tailwind стилизации, поддерживает темизацию устанавливая готовые стили под разные сценарии тем. Содержит в себе очень много полезных и нужных компонентов. Даже готовый сайдбар При установке библиотеки и её компонентов, автоматически генерируются нужные нам папки, файлы, утилиты Вот на днях реализовал проект дашборд используя исключительно компоненты shadcn. И вот что из этого вышло. Регистрация и логинизация формальны, можно ввести любые данные, главное что бы прошла валидация. Формы тоже реализованы с помощью этой библиотеки shadcn-dashboard-phi.vercel.app Рекомендую пощупать её настойчивее, уверен, не пожалеете

[@mikhas_ryzomny]

@@mishanepа тем что она построена поверх tailwind и отлично интегирируется. при условии использования tailwind, разумеется. полностью согласен с ТС. просто зачем рекомендовать tailwind, а потом рекомендовать mui или чакру.

[@dmitriyanatolev2518]

В первую очередь тем, что устанавливая компоненты shadcn, мы не зависим от библиотеки, компоненты у нас установлены локально, соответственно стилизовать и расширять логику этих компонентов можно до бесконечности. Второе, она под капотом интегрирована с redix ui, react hook form, zod, recharts, react date picker, react table и многими другими современными и полезными библиотеками При установке библиотеки и её компонентов, автоматически генерируешься нужные файлы, папки, утилиты и хуки полностью типизированы Компоненты и утилиты полностью типизированы Поддерживает типизацию из коробки и предоставляет возможность установить набор стилей для разных сценариев тем, полностью построена на tailwind Имеет очень большое количество готовых решений которые легко подстроить под абсолютно любой проект, даже имеет готовый сайдбар. Целую коллекцию динамических графиков и кучу других полезных вещей. Советую пощупать настойчивее. Уверен, вы оцените

[@talantasanov4973]

согласен. Очень гибкий инструмент. Нравится, что под капотом он использует radix ui.

[@SadBatya]

а подскажите пожалуйста где вы работаете?

[@alexlitvin1297]

Что насчёт PHP для бэкенда, Laravel в частности? Не знаю как в России, а в Германии в последнее время часто натыкаюсь на вакансии PHP разработчика (PHP Entwickler). То есть можно найти довольно неплохую работу. Молодежь теперь только на node.js?

[@mishanep]

Php - отличный язык и работы с ним хватает. У меня канал больше про фронтенд, поэтому я рекомендую людям, изучающим фронтенд, писать свой первый бэкенд тоже не js. Базовые концепции - те же, зато язык уже знакомый. А так на ноде много проектов сегодня - если не весь бэк на проекте, то немало прослоек, вроде бэкенд для фронтенда.

[@KyleButler229]

для таких как я ньюфагов такие видосы это реально классно.Помогают понимать мету во фронтенде хотя бы.

[@Katar1x]

Можно плз видео про сео, про сентри и прочие важные в боевых проектах штуки, для новичков

[@mishanep]

Я не пользуюсь сентри. У нас на проекте DataDog. Есть и другие инструменты. Но новички ими обычно не пользуются. Про СЕО - можно подумать, хотя, опять же, это не совсем про фронтенд.

[@Katar1x]

@@mishanep просто это супер важные моменты, про которые мало нормальных роликов, тем более от спецов

[@carry-on-chaos4032]

Интересно было бы про DataLog или Sentry

[@KostaRMax]

Remix/React Router v7 очень недооцененный вариант, как альтернатива Нексту. Также, благодаря своей архитектуре, позволяет в большинстве случаев полностью отказаться от отдельного стейт-менеджера, сильно упрощая кодовую базу и ментальную нагрузку

[@mishanep]

Я пока не ковырял Remix. Чем он лучше Next'а по-вашему? Что там есть такого, чего не предлагает Nextjs?

[@legrand224]

@@mishanep возможно loader как встроенный state manager, далее просто по компонентам прокидывается хуук useLoaderData

[@NazarKoshla]

​@@KostaRMax я с вами согласен но next js имеет много преимуществ уже из коробки .И роутинг в Некст по легше на моё мнение

[@KostaRMax]

На последок, стоит упоминуть и о подводных камнях, с которыми столкнулся лично я: - на текущий момент в RRv7 нет middleware (обещают в марте). Если вам оно нужно, следует подключать RRv7 через какой-нибудь бекенд фреймворк (express, hono) и прокидывать данные через контекст запроса - вследствие чего, взаимодействие с внешней API, которая использует access + refresh токены без middleware достаточно усложняется. Если у вас 3 вложенных роута и каждый запрашивает какие-то данные из апи, и в этот момент access токен иссекает - у вас возникнет сразу три одновременных запроса на рефреш токена. Что конечно ничем хорошим не заканчивается. Я это решал кастомной оберткой над лоадерами, благодаря которой инициировать рефреш токена может только корневой лоадер, а дочерние смогут лишь только кинуть исключение, если токен истек - в отличие от Next, нет умного компонента Image с автоматической оптимизацией, пришлось делать свое - RRv7 очень хорош в качестве BFF, однако он не решает вопрос дедубликации запросов (на текущий момент, когда-то в будущем обещают решить этот вопрос). Если критично, нужно будет решать самостоятельно. Как вариант, для этих целей вполне можно использовать фреймворк в тандеме с TanStack Query - Как уже упоминалось, пока что отсутствуют RSC. Только SSR с возможностью пререндера некоторых страниц на этапе компиляции

[@KostaRMax]

@@mishanep Писал развернутый ответ, но Ютуб решил его потереть. Если до завтра не появится, напишу по новой

[@nolightnohope3302]

😎

[@nic3guy]

Михаил, здравствуйте. Насколько php еще актуален?

[@mishanep]

Актуален и интересно развивается.

[@Илья-ж8ч8о]

Расскажи что ты узучаешь )

[@mishanep]

Strapi

[@un_defined]

@@mishanep во гоба два назад работал с ней

[@Neironlog]

А что скажете в связке Laravel+React?

[@mishanep]

Ничего не скажу. Невозможно опробовать все варианты. Знаю, что такой подход тоже рабочий. Но это два языка, поэтому лучше на таком проекте иметь разных людей на фронт и бэк.

[@megabulk]

А такие штуковины как WordPress или Joomla вообще попали в анналы истории?

[@mishanep]

Я не проводил глубокого анализа, но думаю такие инструменты всё ещё в строю. Просто их рынок несколько иной, да и деньги там другие.

[@vadmark_in_kyrgyzstan]

А Ky для API?

[@mishanep]

Ку можно использовать совместно с tanstack query, это скорее альтернатива нативному фетчу и axios.

[@megabulk]

Что на счёт Ангуляра?

[@mishanep]

Хороший фреймворк, с высоким порогом входа и относительно низкой популярностью на рынке

[@romanmed9035]

это для не коммерческого использования вебшторм бесплатно. а если работать на нем то платно. хотя и сильно подешевел от того как я за него первый раз платил. но теперь уже продлить нельзя из-за политики.

[@mikhas_ryzomny]

джинглы пец какие громкие, думал всех разбужу. надо бы по уровню выравнивать. это же не радио... или радио?!

[@Timmy-z3y]

Разве все это уже имеет смысл, ведь ИИ развиваются стремительно ?

[@mishanep]

Пускай развиваются. Они сильно упростят нам жизнь. Но не заменят.

[@NovikovEugene84]

Сначала ИИ заменит всех остальных, а в конце уже программистов

[@vitaly-]

ИИ не может развиваться, ведь его не существует, а нейронки не могут полноценно писать код, а уж тем более фронт, бэк нейронками проще писать, т.к. нет ui, но в реальных проектах роль нейронок исключительно только вспомогательная. Если на реальных проектах попробуешь его применить, то поймешь.

[@vadmark_in_kyrgyzstan]

Ant Design рулит =)

[@OleksiiZhabin]

tanstack router - для меня находка 2024

[@vvks9901]

Как вообще можно устроиться к вам, сплошные отказы.

[@max_mgtow]

Зустанд, не цустанд)

[@mishanep]

Здесь даже спорить не о чем =) Слово немецкое (в переводе "состояние", он же state). По факту, цуштанд.

[@max_mgtow]

@@mishanep немецкий не учил) но все знакомые говорят зустанд)

[@NovikovEugene84]

@@max_mgtow неправильно говорят

[@un_defined]

хаха это прикол. да пусть кому как нравится говорят. мне Зустанд ближе

[@max_mgtow]

@@un_defined согласен)

[@nouchance]

ANGULAR

[@mishanep]

Ничего не имею против. Вопрос востребованности рынком. Возможно есть регионы, где Ангуляр на первом месте.

[@АлексейБатькович-з5т]

А мне graphql прям зашёл.

[@АлексейБатькович-з5т]

Я так то начинающий. И делаю как раз то что ты говоришь не делать)))) использую ts, nextjs15, nestjs и graphql. Я поюзал rest api и что могу сказать. Блин, я задолбался с ним. На каждый чих я дописываю бэк и мудрю на фронте. Аж устал. Думаю дай граф посмотрю. В связке с ide webstorm я прям кайфую. Все что я пилить руками на rest api тут работает из коробки под капотом. Ну не кайф ли? Нужны хитрые наборы данных. На. Пагинация - пожалуйста. Супер. Вытравил все танстаки и zustadы с nextjs проекта. Все эти suspense работают , короче одно удовольствие. И ts с нуля норм идёт. Не знаю че там все его боятся))) а руки делают))))))

[@mishanep]

Здорово, что у вас так лихо всё получается :) можно только порадоваться. Большинству даётся с трудом и моя задача - облегчить путь.

[@АлексейБатькович-з5т]

Ну почему лихо. Трудно. Даже очень. Я по 6- 8 часов в день, 21 день в месяц трачу на написание кода. В остальные дни я на работе и могу только читать документацию. Так что нет. Сложно .....но можно. Я стал фанатом кодером)))))

[@user-888azim-97]

⁠@@АлексейБатькович-з5т «8 часов в день 5 дней в неделю трачу на код, а в остальные дни работаю»….. надо наоборот)))

[@user-888azim-97]

что за работа такая 9 дней в месяц

[@Илья-к6е5и]

Учить другую профессию. Михаил, вы давно пытались найти работу на российском рынке?)

[@mishanep]

Периодически любопытствую что там с предложениями без опыта и вижу их немало.

[@vadmark_in_kyrgyzstan]

А Effector?

[@mishanep]

А что effector? По моим ощущениям он не взлетел за пределами небольшого сообщества.

[@mierce]

только не реакт

[@andrewS85]

Наконец то фронтенд утихомирился, уже годика 3 как не выходят новые свистоперделки)

[@ivkamgivkamg6361]

HTML5 и CSS3 - этого достаточно для создания сайтов любой сложности. Использование JavaScript это худшее решение для фронта на сегодняшний день. Бэк естественно на php, использовать что-то иное это маразм. Автор кстати хорошо объяснил в коментах, почему же и там и там продолжают использовать JavaScript - потому что ничерта другого не знают и знать не хотят. Кое как выучили JavaScript лет 10 назад, когда он был нужен для свистоперделок в браузере и с тех пор тащят его везде, хоть на сегодня он вообще не нужен.

[@Hi-cy8ry]

💩

[@Hi-cy8ry]

Попробуй банковское приложение сделать чисто на css и html

[@ivkamgivkamg6361]

@@Hi-cy8ry Делал.

[@dmitriyanatolev2518]

@@ivkamgivkamg6361мужик, ты даже не понимаешь, что говоришь

[@dmitriyanatolev2518]

😂