Руслан Куянец | Reactify – Telegram
Руслан Куянец | Reactify
5.85K subscribers
705 photos
52 videos
39 files
289 links
Я IT-специалист, ментор и основатель проекта YeaHub и сообщества Reactify. Здесь рассказываю про Frontend и IT.

Менторство:
https://reactify.ru

YouTube канал:
https://youtube.com/@reactify-it

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Forwarded from React Frontend | YeaHub
#basic #js
Для чего используется ключевое слово super() в дочерних классах?

Уровень: 5️⃣

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

Ресурсы для изучения:
📔 Дока
📄 Статья
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍32
Классы – больная тема для фронтендеров. В React мы используем функциональное программирование, пишем все на функциях, а к классам прибегаем изредка. Но про классы, ООП, наследование часто спрашивают на собеседованиях. Зачем, если мы не применяем это в работе? 🤔
👍11💯32😁2😢1
Готовы к выпуску!

✔️ Продвинутый React.
✔️ Видеокурс React Паттерны.
✔️ На реальном примере.
✔️ Без воды.

Такого нет в YouTube. Все это бесплатно!
Еще и в связке с FSD + TypeScript

Если это не годнота, то я не знаю, что годнота.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍60🔥19🤝2🤔1
Минутка мотивации.

Как вы считаете? Если не бросил, то обязательно достигнешь цели?

Через 50 минут 2 новых видео⚠️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥21👍7💯1
Паттерны в React. Продвинутый Frontend на реальных примерах

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

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

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

Видео уже на канале! В 16:00 выйдет первая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
15👍9🔥6
Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах

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

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

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

Видео уже на канале! Первая серия видеокурса
Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение.
👍12🔥8💯2
Паттерны в 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
🔥11👍31
Я пишу сценарий к следующему видео о паттернах. Это будет топовый пример. Сам для себя узнал кое-что новое. Так что возможно, в четверг выйдет следующее видео!

Прошу вас:

✔️ Поставить лайк
✔️ Написать комментарий
✔️ Досмотреть до конца

Иначе все усилия напрасны, и плейлист о паттернах в React не дойдет до завершения. А там очень много интересного 😢

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

Каждый пример я прорабатываю сам. Никакой ChatGPT не может мне выдать нормальные примеры, даже самый последний

Жду от вас поддержки!🤝
Please open Telegram to view this post
VIEW IN TELEGRAM
💯22🔥82👍1
Как вам первое видео из серии Паттерны в React?

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

Следующий паттерн угадайте по фото
👍31🔥9💯1
Готовлю следующее видео. Паттерн Строитель в React.

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

Примеры топовые будут✔️
Please open Telegram to view this post
VIEW IN TELEGRAM
👍23🔥7💯2🫡2
Привет, всем! Накидайте интересные видео по фронтенд-технологиям в комментарии. Также можно добавлять понравившиеся видео собеседований или про трудоустройство😌
👍63🔥3
Вам интересно, чтобы я показывал дополнительные примеры на чистом JavaScript в контексте фронтенда? Не классы, как все, а взаимодействие с DOM, создание приложений с паттернами на чистом JS? В рамках функционального программирования?

Возможно стоит дополнительные видео снимать? Паттерны в JavaScript?
👍47💯15🔥6
Паттерн Фабричный метод в React. Продвинутый Frontend на реальных примерах

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

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

https://youtu.be/kkk95HJrjUg?si=3uwE9QIwsOMs5QmA
🔥16👍73
Всем привет. В последнее время (а может и нет) набирают популярность паровозики собеседований.
Суть заключается в том, что вы с другими ребятами в чате вместе проходите собеседования, обмениваетесь записями собеседований и анализируете их.

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

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

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

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

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

@ruslan_kuyanets
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥3💯2
Паттерн Строитель.

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

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

Выпущу 3 серии, потом посмотрю, актуально ли такие видео выпускать😔
👍30💯1🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
Монтирую видео про паттерн Строитель. Чуть не забыл вырезать разминку(распев)😄
🔥16😁10👍4
👍21🔥6💯2
Реальные проекты во время обучения

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

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

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

Хочу создать множество таких проектов и поддерживать их, постоянно дорабатывать, пробовать разные подходы и технологии 😎
👍16🔥32🤝2
Паттерн Строитель в React. Продвинутый Frontend на реальных примерах

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

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

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

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

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

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