я тоже смотрю этот плейлист. Во1ых, Михаил, спасибо вам за эти уроки, за труд , который вы прошли. 3 дня мучался над стартом проекта в export module, после npm start выдавал ошибку. оказалось, что в html файле, в скрипте js файла нужно добавить type="module" и сразу заработал проект)))
@introlet2440Күн бұрын
Спасибо за видео! Взял кое-что на заметку. Рекомендую браузер Brave, он на движке хрома, блокирует всю рекламу и много других классных фич. И еще открытые вкладки удобно организовать в группы вкладок - в хроме кликните в левом верхнем углу значок четыре квадрата рядом с Apps
@ДанилШалаев-о5фКүн бұрын
Спасибо!
@OleksiiZhabin2 күн бұрын
tanstack router - для меня находка 2024
@B_G_V2 күн бұрын
Было бы интересно увидеть небольшой курс про веб сокеты. А именно про библиотеки uWebSockets socketio и их использование с TS
@tsvigo11_702 күн бұрын
Все у кого Apple PC террористы ЛГБТ.
@Илья-ж8ч8о2 күн бұрын
Расскажи что ты узучаешь )
@mishanep2 күн бұрын
Strapi
@lenurazizov17302 күн бұрын
Добрый день, Михаил) Спасибо за видео) Один момент хотел уточнить, правильно ли я понял. То есть если у меня к примеру для страницы /articles используется getServerSideProps, то при первой загрузке сайта, если я хочу попасть сразу на эту страницу, сервер мне отрендерит полностью HTML-страницу и пришлет. Но если я из страницы /articles буду переходить на страницу /posts к примеру на которой тоже используется getServerSideProps, то в таком случае уже рендеринг HTML будет происходит на клиенте?
@ИванШалутов2 күн бұрын
posts.length - возвращает undefined. И поэтому тут ошибка будет отображаться даже с правильной ссылкой. Свойства length нет у posts. Нужно функцию getPosts() вызывать через await, тогда свойство length у posts появляется, вот так: const posts = await getPosts(). В видео автор вызывает ее без await, и поэтому условие не работает. Я долго не мог понять что не так, но разобрался.
@Xolerik7073 күн бұрын
А как превратить содержимое буфер обмена в регулярное выражение? О_о
@knowledge93963 күн бұрын
00:00:21 Вступление 00:00:52 GET - Получение поста 00:01:53 Query params 00:02:35 Сохранение запросов в коллекции 00:03:12 POST - Создание поста 00:05:05 Переменные 00:08:46 POST - Авторизация 00:10:24 Pre-request script и Tests (Post-request script) 00:15:22 Заключение
@never.m1nd3 күн бұрын
Миша не упомянул БЭМ и как я этому рад ;D Я учился на курсе от яндекс практикума, как они там утомили (использую корректную формулировку) этим БЭМом...
@mishanep3 күн бұрын
Ни в css modules, ни CSS-in-JS, ни тем более Tailwind никакой БЭМ уже не нужен =)
@never.m1nd3 күн бұрын
@@mishanep ага, я вот сейчас css модули использую, мне так нравится, я просто выдохнул когда отошел от БЭМа)
@andrewS853 күн бұрын
Наконец то фронтенд утихомирился, уже годика 3 как не выходят новые свистоперделки)
@mikhas_ryzomny3 күн бұрын
джинглы пец какие громкие, думал всех разбужу. надо бы по уровню выравнивать. это же не радио... или радио?!
@max_mgtow4 күн бұрын
Зустанд, не цустанд)
@mishanep4 күн бұрын
Здесь даже спорить не о чем =) Слово немецкое (в переводе "состояние", он же state). По факту, цуштанд.
@max_mgtow4 күн бұрын
@@mishanep немецкий не учил) но все знакомые говорят зустанд)
@NovikovEugene84Күн бұрын
@@max_mgtow неправильно говорят
@dmitriyanatolev25184 күн бұрын
Советую использовать UI библиотеку Shadcn. После того как вы ее пощупаете, больше не захотите использовать другие вещи
@mishanep4 күн бұрын
Чем она, по-вашему, принципиально лучше упомянутых UI библиотек? Я щупал мельком, но не слишком настойчиво =)
@dmitriyanatolev25184 күн бұрын
@ в первую очередь тем, что мы не зависим от библиотеки, устанавливая в проект компоненты shadcn, мы получаем доступ к их настройкам у себя локально. Функционал и стилизация этих компонентов полностью в наших руках без каких либо сложных действий. Усовершенствовать и масштабировать можно до бесконечности. Под капотом в неё интегрированы react hook form, zod, recharts, react day picker, react table и оочень много других современных и полезных инструментов. Построена на tailwind стилизации, поддерживает темизацию устанавливая готовые стили под разные сценарии тем. Содержит в себе очень много полезных и нужных компонентов. Даже готовый сайдбар При установке библиотеки и её компонентов, автоматически генерируются нужные нам папки, файлы, утилиты Вот на днях реализовал проект дашборд используя исключительно компоненты shadcn. И вот что из этого вышло. Регистрация и логинизация формальны, можно ввести любые данные, главное что бы прошла валидация. Формы тоже реализованы с помощью этой библиотеки shadcn-dashboard-phi.vercel.app Рекомендую пощупать её настойчивее, уверен, не пожалеете
@mikhas_ryzomny3 күн бұрын
@@mishanepа тем что она построена поверх tailwind и отлично интегирируется. при условии использования tailwind, разумеется. полностью согласен с ТС. просто зачем рекомендовать tailwind, а потом рекомендовать mui или чакру.
@dmitriyanatolev25183 күн бұрын
В первую очередь тем, что устанавливая компоненты shadcn, мы не зависим от библиотеки, компоненты у нас установлены локально, соответственно стилизовать и расширять логику этих компонентов можно до бесконечности. Второе, она под капотом интегрирована с redix ui, react hook form, zod, recharts, react date picker, react table и многими другими современными и полезными библиотеками При установке библиотеки и её компонентов, автоматически генерируешься нужные файлы, папки, утилиты и хуки полностью типизированы Компоненты и утилиты полностью типизированы Поддерживает типизацию из коробки и предоставляет возможность установить набор стилей для разных сценариев тем, полностью построена на tailwind Имеет очень большое количество готовых решений которые легко подстроить под абсолютно любой проект, даже имеет готовый сайдбар. Целую коллекцию динамических графиков и кучу других полезных вещей. Советую пощупать настойчивее. Уверен, вы оцените
@talantasanov49732 күн бұрын
согласен. Очень гибкий инструмент. Нравится, что под капотом он использует radix ui.
@АндрейПотапенко-я1м4 күн бұрын
СПАСИБО ЗА КОНТЕНТ
@Katar1x4 күн бұрын
Вместо докера всем советую OrbStack, он полностью взаимозаменяемый, но работает в разы лучше, под капотом тот же docker engine
@Katar1x4 күн бұрын
Можно плз видео про сео, про сентри и прочие важные в боевых проектах штуки, для новичков
@mishanep4 күн бұрын
Я не пользуюсь сентри. У нас на проекте DataDog. Есть и другие инструменты. Но новички ими обычно не пользуются. Про СЕО - можно подумать, хотя, опять же, это не совсем про фронтенд.
@Katar1x4 күн бұрын
@@mishanep просто это супер важные моменты, про которые мало нормальных роликов, тем более от спецов
@carry-on-chaos40324 күн бұрын
Интересно было бы про DataLog или Sentry
@Timmy-z3y4 күн бұрын
Разве все это уже имеет смысл, ведь ИИ развиваются стремительно ?
@mishanep4 күн бұрын
Пускай развиваются. Они сильно упростят нам жизнь. Но не заменят.
@NovikovEugene84Күн бұрын
Сначала ИИ заменит всех остальных, а в конце уже программистов
@nic3guy4 күн бұрын
Михаил, здравствуйте. Насколько php еще актуален?
@mishanep4 күн бұрын
Актуален и интересно развивается.
@romanmed90354 күн бұрын
это для не коммерческого использования вебшторм бесплатно. а если работать на нем то платно. хотя и сильно подешевел от того как я за него первый раз платил. но теперь уже продлить нельзя из-за политики.
@karatsergio44724 күн бұрын
Спасибо , хорошие рекомендации 👍
@ivkamgivkamg63614 күн бұрын
HTML5 и CSS3 - этого достаточно для создания сайтов любой сложности. Использование JavaScript это худшее решение для фронта на сегодняшний день. Бэк естественно на php, использовать что-то иное это маразм. Автор кстати хорошо объяснил в коментах, почему же и там и там продолжают использовать JavaScript - потому что ничерта другого не знают и знать не хотят. Кое как выучили JavaScript лет 10 назад, когда он был нужен для свистоперделок в браузере и с тех пор тащят его везде, хоть на сегодня он вообще не нужен.
@Hi-cy8ry4 күн бұрын
💩
@Hi-cy8ry4 күн бұрын
Попробуй банковское приложение сделать чисто на css и html
@ivkamgivkamg63614 күн бұрын
@@Hi-cy8ry Делал.
@dmitriyanatolev25184 күн бұрын
@@ivkamgivkamg6361мужик, ты даже не понимаешь, что говоришь
@dmitriyanatolev25184 күн бұрын
😂
@vadmark_in_kyrgyzstan4 күн бұрын
Ant Design рулит =)
@vadmark_in_kyrgyzstan4 күн бұрын
А Ky для API?
@mishanep4 күн бұрын
Ку можно использовать совместно с tanstack query, это скорее альтернатива нативному фетчу и axios.
@vadmark_in_kyrgyzstan4 күн бұрын
А Effector?
@mishanep4 күн бұрын
А что effector? По моим ощущениям он не взлетел за пределами небольшого сообщества.
@JJohnson-fy9uz4 күн бұрын
В 2025 смысла учить фронтенд нет в принципе
@mishanep4 күн бұрын
Поподробнее пожалуйста. Аргументы там, примеры компаний, кто обходится без фронта.
@alexlitvin12974 күн бұрын
Что насчёт PHP для бэкенда, Laravel в частности? Не знаю как в России, а в Германии в последнее время часто натыкаюсь на вакансии PHP разработчика (PHP Entwickler). То есть можно найти довольно неплохую работу. Молодежь теперь только на node.js?
@mishanep4 күн бұрын
Php - отличный язык и работы с ним хватает. У меня канал больше про фронтенд, поэтому я рекомендую людям, изучающим фронтенд, писать свой первый бэкенд тоже не js. Базовые концепции - те же, зато язык уже знакомый. А так на ноде много проектов сегодня - если не весь бэк на проекте, то немало прослоек, вроде бэкенд для фронтенда.
@starik0614 күн бұрын
красиво оформлен переход с музычкой между разделами ролика
@CJIu3eHb4 күн бұрын
Только потише надо сделать.
@mierce4 күн бұрын
только не реакт
@Taiga_libertarian4 күн бұрын
Красно придумал с обработкой видео
@KyleButler2294 күн бұрын
для таких как я ньюфагов такие видосы это реально классно.Помогают понимать мету во фронтенде хотя бы.
@Илья-к6е5и4 күн бұрын
Учить другую профессию. Михаил, вы давно пытались найти работу на российском рынке?)
@mishanep4 күн бұрын
Периодически любопытствую что там с предложениями без опыта и вижу их немало.
@megabulk4 күн бұрын
Что на счёт Ангуляра?
@mishanep4 күн бұрын
Хороший фреймворк, с высоким порогом входа и относительно низкой популярностью на рынке
@megabulk4 күн бұрын
А такие штуковины как WordPress или Joomla вообще попали в анналы истории?
@mishanep4 күн бұрын
Я не проводил глубокого анализа, но думаю такие инструменты всё ещё в строю. Просто их рынок несколько иной, да и деньги там другие.
@khayaproduction55374 күн бұрын
Спасибо! Всегда интересно !!!
@KostaRMax4 күн бұрын
Remix/React Router v7 очень недооцененный вариант, как альтернатива Нексту. Также, благодаря своей архитектуре, позволяет в большинстве случаев полностью отказаться от отдельного стейт-менеджера, сильно упрощая кодовую базу и ментальную нагрузку
@mishanep4 күн бұрын
Я пока не ковырял Remix. Чем он лучше Next'а по-вашему? Что там есть такого, чего не предлагает Nextjs?
@legrand2244 күн бұрын
@@mishanep возможно loader как встроенный state manager, далее просто по компонентам прокидывается хуук useLoaderData
@NazarKoshla3 күн бұрын
@@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 Писал развернутый ответ, но Ютуб решил его потереть. Если до завтра не появится, напишу по новой
@ElenaKhuzhina4 күн бұрын
Спасибо большое 👍
@nolightnohope33024 күн бұрын
😎
@АндрейФилиппов-з3и4 күн бұрын
Спасибо за полезный контент!
@Neironlog4 күн бұрын
А что скажете в связке Laravel+React?
@mishanep4 күн бұрын
Ничего не скажу. Невозможно опробовать все варианты. Знаю, что такой подход тоже рабочий. Но это два языка, поэтому лучше на таком проекте иметь разных людей на фронт и бэк.
@nouchance4 күн бұрын
ANGULAR
@mishanep4 күн бұрын
Ничего не имею против. Вопрос востребованности рынком. Возможно есть регионы, где Ангуляр на первом месте.
@uvy.studios4 күн бұрын
Интересный формат съёмки и монтажа. Приятно смотреть.
@elementalhero99394 күн бұрын
Миша, спасибо за твою работу. Отличное видео. Хотел узнать твой взгляд на useSwr от создателей next js (vercel). Использую его на Реакт приложении вместо ртк.
@mishanep4 күн бұрын
Хорошая штука. Когда-то делал на нее обзор.
@omak33134 күн бұрын
да, SWR мне тоже больше нравится. Краткий красивый синтаксис
@АлексейБатькович-з5т4 күн бұрын
А мне graphql прям зашёл.
@АлексейБатькович-з5т4 күн бұрын
Я так то начинающий. И делаю как раз то что ты говоришь не делать)))) использую ts, nextjs15, nestjs и graphql. Я поюзал rest api и что могу сказать. Блин, я задолбался с ним. На каждый чих я дописываю бэк и мудрю на фронте. Аж устал. Думаю дай граф посмотрю. В связке с ide webstorm я прям кайфую. Все что я пилить руками на rest api тут работает из коробки под капотом. Ну не кайф ли? Нужны хитрые наборы данных. На. Пагинация - пожалуйста. Супер. Вытравил все танстаки и zustadы с nextjs проекта. Все эти suspense работают , короче одно удовольствие. И ts с нуля норм идёт. Не знаю че там все его боятся))) а руки делают))))))
@mishanep4 күн бұрын
Здорово, что у вас так лихо всё получается :) можно только порадоваться. Большинству даётся с трудом и моя задача - облегчить путь.
@АлексейБатькович-з5т4 күн бұрын
Ну почему лихо. Трудно. Даже очень. Я по 6- 8 часов в день, 21 день в месяц трачу на написание кода. В остальные дни я на работе и могу только читать документацию. Так что нет. Сложно .....но можно. Я стал фанатом кодером)))))
@user-888azim-974 күн бұрын
@@АлексейБатькович-з5т «8 часов в день 5 дней в неделю трачу на код, а в остальные дни работаю»….. надо наоборот)))
@user-888azim-974 күн бұрын
что за работа такая 9 дней в месяц
@vvks99015 күн бұрын
Спасибо за видео!
@кирилллабзин-о1ь5 күн бұрын
а что вооще можно туда выгружать? это только веб приложения?
@mishanep5 күн бұрын
Верстка, сайты со статической генерацией страниц. Простейший веб.
@lenurazizov17306 күн бұрын
Всем привет) Прежде всего спасибо вам, Михаил, за ваши видео) Ребята, поделитесь пожалуйста опытом как вы осваиваете новые технологии🙏 Я вот к примеру когда хочу освоить новую технологию, то пытаюсь читать документацию, раздел за разделом. И уже на 3-4 разделе я начинаю путаться и вообще забывать, что я читал вначале. У меня вечно какой-то страх в голове, что если я не прочту всю теорию, я не буду понимать полноты всей картины( и все это приводит к тому, что я перегружаюсь информацией и освоение материала идет очень медленно( Вот к примеру вы бы хотели освоить Apollo Client как бы вы это делали? Обращаюсь и к автору канала и ко всему комьюнити) Всем заранее спасибо)
@mishanep5 күн бұрын
Мне нравится начинать с видео обзоров, чтобы получить первое представление. Потом уже документация с ковырянием собственных примеров. Начинаешь делать что-то привычное, вроде todo листа, и ищешь как то или действие делается с новым инструментом. Иногда рядом с документацией можно встретить пошаговые инструкции с разбором того, как сделать рабочее приложение. Тогда можно и без видео обзоров обойтись.