Паттерны в React. Продвинутый Frontend на реальных примерах

В этом видеокурсе мы рассмотрим 23 паттерна проектирования в контексте React и Frontend разработки. Строитель, Фабричный метод, Прототип, Адаптер, Мост, Стратегия и другие классические паттерны.

Также мы не обойдем стороной ключевые принципы программирования, включая SOLID, DRY, KISS и YAGNI.

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

Видео уже на канале! В 16:00 выйдет первая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.

Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах

В этом видео мы рассмотрим Паттерн Фабричный метод (Factory) в контексте React и Frontend разработки. Фабричный метод — это порождающий паттерн проектирования, который определяет общий интерфейс для создания объектов в суперклассе, позволяя подклассам изменять тип создаваемых объектов.

Для проекта Маркет используем Vite, FSD, TypeScript.

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

Видео уже на канале! Первая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.

Паттерны в React & JavaScript. Продвинутый Frontend на реальных примерах

Ресурсы к видеокурсу

Репозиторий:
https://github.com/MirgradR/market-patterns
https://github.com/MirgradR/js-patterns

Ссылка на дизайн:
https://www.figma.com/design/nPXBgdM4DXq7kadEmIOaCj/Shoppe-(Community)?node-id=1908%3A2066&t=OKbF5SoPKQO1gSpG-1

Как вам первое видео из серии Паттерны в React?

Как вам паттерн Фабричный метод? Я думаю, многие из вас его применяли, возможно, даже не осознавая, что это паттерн. Дальше будет еще интереснее. Сейчас у видео 80 лайков. Помогите достичь 100 💪

Следующий паттерн угадайте по фото

Привет, всем! Накидайте интересные видео по фронтенд-технологиям в комментарии. Также можно добавлять понравившиеся видео собеседований или про трудоустройство😌

Вам интересно, чтобы я показывал дополнительные примеры на чистом JavaScript в контексте фронтенда? Не классы, как все, а взаимодействие с DOM, создание приложений с паттернами на чистом JS? В рамках функционального программирования?

Возможно стоит дополнительные видео снимать? Паттерны в JavaScript?

Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах

Кто не смотрел, обязательно посмотрите. В Тинькофф на собеседовании на позицию мидла и выше часто спрашивают про паттерны (ребята рассказали на митапе). Если на собеседовании вы расскажете про паттерны на реальных примерах из вашей практики, это будет большим плюсом. Важно не просто заучивать, а действительно понимать их.

Фабричный метод — это один из самых популярных и простых паттернов. Следующие паттерны будут сложнее 😨, но я вам их все объясню. Будете знать их, как любимую песню — наизусть.

https://youtu.be/kkk95HJrjUg?si=3uwE9QIwsOMs5QmA

Паттерн Строитель.

Тяжко было писать сценарий. Но теперь у меня 3 отличных примера!
Видео выйдет в понедельник-вторник.

Маловато, конечно, набирают видео про паттерны🥲

Выпущу 3 серии, потом посмотрю, актуально ли такие видео выпускать😔

Монтирую видео про паттерн Строитель. Чуть не забыл вырезать разминку(распев)😄

Реальные проекты во время обучения

Нанял веб-разработчика, с которым мы разрабатываем бэкенд и дизайн для учеников с менторства. Надоели однотипные дизайны из Figma и публичные API. Хочется разнообразия. Теперь у нас будет множество проектов с нашим дизайном и API. Ребята пройдут все стадии от старта проекта до его деплоя в продакшен и поддержки.

Ученики учатся продвинутым технологиям: создают проекты, настраивают Webpack, линтеры и т.д. С этой недели стартовал проект "Маркет", мы хотим сделать аналог "Самоката" и подобных сервисов для доставки продуктов. Будем внедрять авторизацию, пагинацию, CRUD операции, фильтрацию, сортировку и т.д. В дальнейшем вы сможете попробовать это всё, протестировать и через чатик поддержки указать на баги. А ребята будут их фиксить. Всё как в реальных компаниях.

Я уже добавил задачи в трекер, и ребята их распределяют между собой. Будем проводить ревью кода, устраивать дейлики. Более опытные ученики будут помогать тем, кто только начал изучать React; их мы тоже будем стараться привлекать к проекту в качестве стажеров.

Хочу создать множество таких проектов и поддерживать их, постоянно дорабатывать, пробовать разные подходы и технологии 😎

Паттерн Строитель в React. Продвинутый Frontend на реальных примерах

Сегодня в 16:00 выходит новое видео. Немного поэкспериментировал и реализовал паттерн не через классы, а в рамках функционального программирования 😎

Почти 18 минут годноты и, как обычно, 3 крутых примера. Долго я возился и сомневался, тяжело, конечно, адаптировать паттерны. Но нужно показывать продвинутый Frontend, да и самому учиться 😁

Паттерн Строитель в React. Продвинутый Frontend на реальных примерах

В этом видео мы рассмотрим Паттерн Строитель (Builder) в контексте React и Frontend разработки.

Для проекта Маркет используем Vite, FSD, TypeScript.

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

Видео уже на канале! Вторая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.

🎁 3 шага, чтобы герой забрал свою награду

Все участники акции «IT-донор» получают значок и стикерпак. Для этого нужно:

1. Зарегистрироваться на акцию через бот @IT_donor_bot
2. Сдать кровь с 3 по 7 июня
3. Дождаться конца недели IT-донора и сообщения от бота
4. Написать боту адрес доставки
5. Получить значок и прикрепить на видное место

Рассылку значков начнём в течение 2 месяцев после конца акции, подробнее напишем в этом канале. Включайте уведомления, чтобы не пропустить 🔔

Паровоз, который сможет

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

Плюс бесплатные разборы от опытных ребят. В общем годная идея. Большая база реальных собесов + куча вопросов и задач.

Единственное правило - проходитть собесы. Если вы не могли решиться, то самое время. Я активно туда своих учеников с Менторства добавляю. 🤝

Стоимость - 60 рублей. Это разок на автобусе прокатиться😅

Кто хочет в паровозик - пишите в ЛС

@ruslan_kuyanets

Расширяю менторство

Я вступил в разные сообщества, где смогу продвигать себя. Стал элитным ментором в ОМ и машинистом паровозика, чтобы быть в курсе актуальных требований, вопросов и задач. Хочу помогать ребятам не просто вкатываться в профессию, а полюбить её, стать частью сообщества и стать сильными специалистами.
Хочу изменить концепцию обучения, чтобы это было как сообщество. Мне интересно развиваться вместе с учениками, быть причастным к их победам на всех этапах обучения вплоть до трудоустройства. Я хочу создать полноценное сообщество с обучением, эту идею я вынашивал 1,5 года.

В течение июня планирую внедрить в обучение следующие элементы:
- Вебинары 1 раз в неделю
- Приглашенный спикер 1 раз в 2 недели
- Развивать Базу знаний и роадмап
- Собеседования 1 раз в неделю, распределение учеников рандомно для собеседований, чтобы каждый собеседовал друг друга, в том числе и я
- Работа в командах, создание больших проектов вместе, код ревью
- Постоянное общение в чате, обсуждение тем, кружочки, голосовые
- Иерархия: более сильные ребята помогают новичкам, проводят код ревью со мной, руководят на проектах
- Публичные выступления, презентации и другие активности
- Челленджи, ТЗ, соревнования, розыгрыши
- Круглые столы, групповые созвоны с обсуждением заранее выбранной темы, дискуссии

Подробнее

Сообщество мотивирует, позволяет расти, помогает делиться опытом. Надеюсь, все получится. ✌️

https://youtu.be/0-YD9crR5GU?si=mPAqe55ROvJCj-ml

Как вам паттерн Строитель? Как вам моя реализация?

Какой бы паттерн выбрать следующим🤔