Руслан Куянец | Reactify

ЭКОСИСТЕМА REACTIFY

Лучший Frontend Roadmap
https://www.youtube.com/watch?v=9Pbm_V0MM0Y

Лучший курс по TypeScript
https://youtu.be/PYWaUwjofJo?si=G9tVzAIh0Wb_KroN

Лучшее видео по FSD
https://youtu.be/O4SDx-aZY5U?si=bgzJqAEx3W3sG1xp

Лучший курс по HTML
https://youtu.be/56lpkwhaJhQ?si=yaljlD28fC5ygHt-

Лучшая практика React (Bestseller)
https://youtu.be/bD0UXb7kD_k?si=LaFl1DThVq0MYJyE

Подготовка к собеседованиям
@frontend_questions

Лучшее менторство
https://react-mentor.notion.site/Frontend-a92c7b7d0d664e7297e2fa3d6acb2c26

Лучший паровозик собеседований
Писать в личку @ruslan_kuyanets

И я не преувеличиваю.

Reactify 🚀

Продвинутый JavaScript

Так как видео по паттернам в React не набирают достаточно просмотров, было принято решение делать выпуски серии 'Паттерны в React' реже.

Добавляю новый плейлист — 'Продвинутый JavaScript'. Там тоже будут паттерны. А также все темы, которые практически никто не изучал после прихода фреймворков: Proxy, MutationObserver и т.д. Ещё, конечно же, Event Loop, Promise, Прототипы и т.д.

Планирую на разогрев сделать ближайшее видео по паттернам. На чистом JS. Все темы будем изучать в рамках большого приложения на чистом JS, возможно, сделаем свой Redux, свой фреймворк в конце концов)) Будем применять все, как наши деды-программисты. Писать на чистом JS.

А приложение у нас будет — 'Рецепты'.
Использовать будем: https://spoonacular.com/food-api.
Макет уже выбран) Будет топ!

Выступления и активность в IT сообществе.

Дело, которым вы занимаетесь, должно вам нравиться. Я стараюсь создать среду для развития, чтобы ребята прочувствовали весь вайб IT. В рамках обучения ученики уже провели два мини-выступления. Первое было на тему промисов, а второе – о методах массивов. Это были 20-минутные выступления. В чем плюс?

✔️ "Хочешь что-то понять – объясни другому". Это действительно работает, и ребята отмечают лучшее понимание темы после подготовки к выступлению.

✔️ Страхи, стеснение, общение на технические темы. Всем ребятам предстоит пройти собеседования. Выступления раскрепощают.

✔️ Активность. Ребята отмечают, что выступления заряжают. Они дают мотивацию и желание выступить перед большим числом людей.

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

А как же фильтры? Фильтры нас не остановят! 💪😎

Если устали учиться самостоятельно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее

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

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

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

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

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

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

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

@ruslan_kuyanets

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всем привет. В последнее время (а может и нет) набирают популярность паровозики собеседований.
Суть заключается в том, что вы с другими ребятами в чате вместе проходите собеседования, обмениваетесь записями собеседований и анализируете их.

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

✔️ Они знают какие вопросы там будут
✔️ Есть понимание боли компании

Это все повышает вероятность успеха оффера.

Еще это вроде как весело, вы общаетесь в чате, мотивируете друг друга и вместе готовитесь к собесам.

Если кто-то сейчас на этапе поиска работы, пишите мне в личные сообщения. Я могу добавить вас в такой паровозик. Стоимость участия - 60 рублей, это вознаграждение для организатора. Через пару месяцев цена возможно будет повыше.

@ruslan_kuyanets

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

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

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

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

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

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

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

Готовлю следующее видео. Паттерн Строитель в React.

Видео будет годное. Уверен 90% из вас так никогда не писали, не применяли паттерн Строитель💪

Примеры топовые будут✔️