Как вам первое видео из серии Паттерны в 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

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

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

Уже месяц формирую для учеников большую базу знаний по вопросам с собеседований с ответами.

Уже более 400 вопросов. Сейчас также выписываю вопросы с собеседований на паровозике.

Вопросы, которые прямо сейчас спрашивают во всех компаниях. Годнота.

Также добавляю задачки с лайвкодинга с решением и объяснением.

Тяжелое это дело, конечно, устал уже заполнять.😬
Но удобно иметь свою базу вопросов и задачек. Можно быстро пробежаться перед собеседованиями.

Кстати, для всех кто готовится к собеседованиям у нас есть отличный канал.

Подписывайтесь🤝 @frontend_questions

Топ вопрос с собеседования

💡Расскажи про авторизацию. Что у вас было на проекте?

- Пользователь отправляет свои email и пароль на сервер.
- Сервер проверяет учетные данные и, если они верны, возвращает ответ с информацией о пользователе и токеном доступа (access token).
- Рефреш-токен (refresh token) помещается в куки браузера.

- При каждом запросе к серверу клиент отправляет токен доступа в заголовках (например, в заголовке Authorization).

- Если токен доступа истекает, клиент отправляет запрос на обновление, используя рефреш-токен из куки.
- Сервер проверяет рефреш-токен и, если он действителен, выдает новый токен доступа и, возможно, новый рефреш-токен.

- При обновлении страницы, если токен доступа истек, клиент автоматически использует рефреш-токен из куки для получения нового токена доступа.

Это один из популярных способов. Короткий ответ написал. В целом должно хватить:)
Могут спросит про ваш проект. Скажите - делали инстанс аксиоса и там заголовки настраивали, или работали с RTK Query и в апи добавляли токен