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

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

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

YeaHub:
https://yeahub.ru/

Связь:
@ruslan_kuyanets
Download Telegram
Адаптер

Паттерн адаптер позволяет объектам с несовместимыми интерфейсами работать вместе. Он действует как мост между двумя разными интерфейсами, позволяя им взаимодействовать без изменения их кода. Это достигается путем создания адаптера, который оборачивает один из объектов и переводит его вызовы к другому объекту в формате, который он может обрабатывать.

В контексте фронтенд-разработки, особенно при использовании React, паттерн адаптер может быть полезен для интеграции сторонних библиотек или API, интерфейсы которых не соответствуют структуре вашего приложения.

Например, у нас есть приложение для новостей с множеством компонентов и разнообразными полями данных. В случае смены API может произойти изменение структуры данных: вместо "noscript" теперь будет "headline" и так далее. При таких обстоятельствах нам пришлось бы вносить изменения во все компоненты приложения. Адаптер же позволяет избежать этого, адаптируя данные к единому формату. Теперь, при смене API, необходимо вносить изменения только в адаптер, не затрагивая остальные части приложения.

#patterns #adapter
👍9🔥2
Уже провел 13 собеседований, как же круто знакомится со всеми, слушать истории об обучении, о курсах, о победах, или неудачах. Интересно узнавать о вашей мотивации.

Все кандидаты очень крутые и большие молодцы😎 Надо будет делать периодические созвоны с подписчиками, или групповой созвон в чате.

Вообще, активное участие в сообществе дает множество плюсов. Поэтому будьте активными, ходите на конференции и мероприятия, общайтесь в чатах

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

Кстати, уже есть одна идея, но пока что давайте запустим этот проект😁

Так же нам нужны хорошие дизайнеры со свежим взглядом, которые хорошо владеют фигмой, умеют делать дизайн системы, UI kit и качественные макеты. Умеют правильно применять UI/UX.

Сегодня или завтра выложу видео на YouTube. Нужна будет ваша помощь в продвижении, чтобы видео о нашем проекте увидело как можно больше IT специалистов. В нем я буду привлекать тестеровщиков, дизайнеров, бекендеров и тд.

Рассчитываю на вас🏆

#teams
🔥17👍8🙏3
Создаем Open Source проект. Ищем дизайнеров, разработчиков и других IT специалистов.

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

Поддержите видео, ставьте лайки, смотрите до конца, оставляйте комментарии. Смотрите на разных устройствах😅

Про фронтендеров не говорил, так как подписчики в приоритете, итак много заявок❤️

https://www.youtube.com/watch?v=2Yc0fYx_dlw
👍135🔥3
Классы в React

В React преобладает все таки функциональное программирование, где мы пишем компоненты функции и управляем ими с помощью функций. Классовые компоненты уже не используются (кроме ErrorBoundary). Значит ли это что мы вообще не используем классы в React?

Хотя классовые компоненты в React стали менее популярными, классы как таковые не утратили своей актуальности. Они применяются в различных аспектах разработки:

Организация логики приложения
Классы могут быть использованы для создания сервисов или утилит, которые объединяют логику или API-запросы. Это позволяет централизовать и упорядочить взаимодействие с внешними сервисами и источниками данных.

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

Применение паттернов проектирования
Некоторые паттерны, такие как Strategy, Adapter или Factory, легче и естественнее реализовывать с использованием классов. Это способствует лучшей организации кода и его повторному использованию.

Преимущества:

Структурированность и читаемость
Повторное использование кода
Инкапсуляция и модульность

Недостатки:

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

#frontend #patterns #class
👍11🔥3🤣3💯1
🫡5👍2👌1
Все процессы запущенны и заднюю давать уже не вариант

У нас есть дизайнер, HR-специалист и тестировщик. В данный момент мы проводим собеседования с фронтенд-разработчиками, а несколько бекенд-разработчиков также выразили желание присоединиться к нам. Кроме того, в нашем составе есть опытный Senior Frontend Developer с девятилетним опытом работы в крупных компаниях, который будет помогать нам в вопросах архитектуры и рабочих процессов.

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

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

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

Поэтому, если вы еще не записались на собеседование, вот доступные даты и времена:

Даты: 27.01 | 28.01
Время: 12:00 | 12:30 | 13:00 | 13:30 | 14:00

Чтобы записаться:

1. Напишите в комментариях к этому посту желаемую дату и время (например, 27.01 12:00).
2. Перед этим убедитесь, что выбранное вами время еще не занято другим кандидатом.
3. Так же хочу несколько собеседований снять на видео. Поэтому, если вы не против то рядом с датой, ставьте + (пример: 27.01 19:00 +)

#teams
👍9🔥2💯1
Руслан Куянец | Reactify pinned «Все процессы запущенны и заднюю давать уже не вариант У нас есть дизайнер, HR-специалист и тестировщик. В данный момент мы проводим собеседования с фронтенд-разработчиками, а несколько бекенд-разработчиков также выразили желание присоединиться к нам. Кроме…»
Всем привет ребят, сегодня весь день был занят, а сейчас провожу собеседования.

Времени вообще не было. Сегодня к сожалению без постов. Но завтра расскажу вам новости.

К нам добавляется все больше людей, и это хорошо! Я рад, что у нас в сообществе много активных людей, желающих творить и развиваться💙

Полезно иметь канал на котором часто выходят полезные посты.

Рекомендую @code_ready

До завтра!🤝
🔥15🥰32🤝2
Жизненные циклы компонентов в React

Это последовательность этапов, через которые проходит компонент в течение своего существования.

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

useEffect: Это ключевой хук для управления побочными эффектами в функциональных компонентах. Он объединяет возможности методов жизненного цикла componentDidMount, componentDidUpdate, и componentWillUnmount.

1️⃣ Монтирование (componentDidMount):
useEffect с пустым массивом зависимостей [] как вторым аргументом запускается один раз после первого рендеринга компонента.

2️⃣ Обновление (componentDidUpdate):
Если массив зависимостей содержит переменные, useEffect будет запускаться при изменении этих переменных.

3️⃣ Размонтирование (componentWillUnmount):
Возврат функции из useEffect будет выполнен перед удалением компонента из DOM, что можно использовать для очистки (например, отмены подписки).

#react #useEffect
🔥11👍4🤝1
Сегодня добавил уже первых участников в чат проекта.

1. Завтра проводим собеседования у Бекендеров.
2. Начал писать ТЗ для дизайнеров.
3. На следующей неделе уже будем отбирать Фронтендеров. Все собеседования провели, будем говорить кто прошёл💪

Подготовка идет полным ходом. Название проекта и логотип будем выбирать всем сообществом👌

Скоро вас буду знакомить с участниками😎🚀
🔥13👍41🎉1
Кстати, слежу почти каждый день за вакансиями. Для меня ориентир - Москва, Frontend разработчик

Количество восстановилось как было до нового года 1800 - 1860💪🏻

В моменте в январе вакансий было 1300😢

Теперь все в норме. Как вообще сейчас на рынке дела? Вас зовут на собеседования?
👍8🔥2🎉1
Сегодня впервые писал Техническое задание проекта для дизайнеров. Сложное однако дело. Оказывается если у тебя в голове есть идея и план, то этого недостаточно(очевидно).

Продолжаем набирать команду. В чате уже 7 человек, потихоньку продвигаемся вперед.

В понедельник уже отберем всех Frontend Разработчиков и начнем обсуждать архитектуру, правила внутри команды, стиль кода и тд. Ждите результатов💪

За следующую неделю планирую сформировать полную команду дизайнеров и бекендеров.

Приступим к написанию кода либо 5 февраля, либо 12 февраля. Организационные моменты конечно затягивают все😁. Но собесы закончились и свое свободное время теперь буду тратить на проект.

#teams
👍6🔥5🤝1
Знакомлю вас с участниками проекта.

Дизайн важная часть любого приложения. Над дизайном у нас работают @bubuzlya и @brandonbetterdays

Как нам делать платформу для HR без HR. Консультировать и помогать нам будет HR специалист @HR_Zalifa

Опытные люди нам нужны, особенно если умеют тестировать и работали в больших компаниях @r0mavin

Опытный Frontend Разработчик с почти 10-летним опытом, работал в Ozon, Ростелеком, Сбер, будет помогать в организации @gzennurov

Универсальный солдат, DevOps, Frontend, Backend, который будет на подхвате @rofflion

Рад, что эти люди с нами, проявляют свою активность, готовы к новым вызовам. Каждый в проекте найдет пользу для себя: от получения опыта и укрепления портфолио до опыта управления и проведения экспериментов.

#teams
🔥216👍2🎉2
Всем привет! Понедельник день тяжелый.

Сегодня добавил всех Фронтенд Разработчиков в чат проекта. Решил для начала взять 10 человек. Через месяц думаю нужно будет набирать еще. Но главное начать разработку.

Наша команда фронтендров 🎉🎉🎉

@denispereloma @AleksanderIazev @SSA146 @A_Kaz @crypto_bubblezz @perfect1onnnn @Ykant @maxkpacific @buffik_1989 @ShaArtur

Долго решали кого выбрать, ведь было много крутых ребят. В итоге сошлись на таком выборе. Все кто проходил собеседования молодцы! Спасибо, за ваше время, я постараюсь на неделе каждому написать и дать обратную связь.

ВСЕ КТО ПРОХОДИЛ СОБЕСЕДОВАНИЯ БУДУТ В ПРИОРИТЕТЕ В СЛЕДУЮЩЕМ НАБОРЕ

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

#teams
👍17🔥4🎉3
Мост

Мост (Bridge Pattern) - это структурный дизайн паттерн, который разделяет один или несколько классов на две отдельные иерархии — абстракцию и реализацию, позволяя им развиваться независимо друг от друга. Это достигается за счет создания композиционной связи между абстракцией (чаще всего интерфейсом пользователя) и её реализацией (конкретной платформой или технологией). Такой подход позволяет избежать постоянной привязки абстракции к одной реализации, облегчая тем самым масштабирование и адаптацию к новым требованиям.

Вот когда стоит использовать паттерн Мост:

1️⃣ Когда нужно избежать "жесткого" связывания абстракции и её реализации: Это особенно важно в ситуациях, где абстракция и реализация могут развиваться независимо друг от друга, или когда реализация должна быть выбираема или переключаема во время выполнения программы.

2️⃣ Когда изменения в реализации не должны влиять на клиентов: Использование паттерна Мост позволяет изолировать изменения в реализации от кода клиента, который использует абстракцию.

3️⃣ Когда необходимо разделять и управлять большим набором классов: В случаях, когда существует множество классов, образующих иерархии абстракций и реализаций, паттерн "Мост" помогает упорядочить и упростить структуру.

Примером реализации паттерна Мост в контексте React и функционального программирования может служить ситуация, где компонент React (абстракция) делегирует некоторые из своих задач другому JavaScript объекту (реализация). Это может быть, например, компонент интерфейса, который взаимодействует с разными источниками данных. Вместо того, чтобы интегрировать логику работы с данными напрямую в компонент, можно использовать паттерн Мост, чтобы отделить эту логику.

#patterns #bridge
👍3🆒3🔥2
Фидбек

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

Все большие молодцы, много всего знают. Хочу в дальнейшем записать видео, поделится ошибками и советами.

- Нужно практиковаться и изучать актуальный Стек технологий.
- Нужно обучаться по плану.
- Не нужно учить в глубину на начальном этапе

Я много раз говорил, что проект не для обучения стека, а для практики. Поэтому, почти все кандидаты были высокого уровня. Выбирали долго, после каждого собеса переделывали рейтинг.

Изначально я хотел собрать команду 10-12 человек вместе с бекендерами и дизайнерами. Для Фронтов я выделял 6 мест примерно. Но так как были ребята с опытом, то я поступил следующим путем: 5 человек с опытом и 5 человек без опыта. В нашей команде 10 Фронтов.

Ребята с опытом усилят наш проект и подготовят почву к следующему набору. Чтобы мы могли брать менее опытных ребят. У нас грандиозные планы!

Всем спасибо! Если кому то не написал фидбек, напишите мне плиз, мог пропустить, столько людей.

#teams
👍15🔥4🤝1
YeaHub

Сегодня мы придумали название для нашей платформы YeaHub. Я уже купил домен💪

Yea: Это слово ассоциируется с утверждением, согласием и позитивом. Оно звучит энергично и оптимистично, что может привлечь внимание и создать позитивное первое впечатление.

Hub: "hub" означает центральное место для соединений и взаимодействий. Это подчеркивает, что наша платформа является ключевой точкой сбора для IT-сообщества.

А ты зареган на ехаб? Кинь ссылку на ехаб! Я сижу на ехабе!

По мне так оригинально. Приедается. Запоминается.

Наша платформа только в начале пути будет для поиска специалистов. В дальнейшем - это центр IT сообщества, где есть все для обучения, работы, общения.

Как вам? А какое название вы бы придумали?

#teams #yeahub
🔥40👍83🤣1
React Новости и FSD (Архитектура Frontend)

Всю эту неделю готовил видео о FSD😱 Такого видео в YouTube точно нет. Все примеры обычно легкие, а у нас уже большое приложение. Было сложно, но я сделал это! Если хотите прокачаться в FSD (самая популярная архитектура на данный момент) то точно стоит посмотреть видео. Буду пару дней монтировать.

В этом видео мои мысли и рассуждения. Логика FSD как ее вижу я (не побоюсь сказать САМАЯ ПРАВИЛЬНАЯ).

Видео подойдет и для опытных и для новичков. Длится будет 1,5 часа.
👍16🔥10🥰1💯1