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

Менторство Я пытаюсь улучшить сообщество, помочь новичкам в обучении. Я снимаю видеоуроки, делаю бесплатные курсы, веду телеграмм канал, стараюсь отвечать каждому в личных сообщениях. И даже наш проект YeaHub направлен на то, чтобы принести пользу IT сообществу. Уже полгода я размышляю о роли ментора. Мои планы неоднократно переносились: сначала я намеревался начать в августе, затем в сентябре, позже – в декабре, с нового года, и вот теперь – с марта. Сомнения, синдром самозванца, стеснение, страх и неуверенность мешали мне сделать этот шаг. После собеседований с вами пропала неуверенность. Я понял, что мне действительно интересно общаться с людьми, помогать им, делиться опытом, давать советы, направлять. Когда одна из моих подписчиц обратилась за поиском ментора, я сначала хотел скинуть ей ссылку на сайт. Но потом я подумал - а может это знак? Мы провели первый урок и договорились о регулярных занятиях раз в неделю. Я отношусь к делам с ответственностью. Перечитываю learnjs, чтобы освежить и углубить свои знания. Тщательно продумываю структуру и план урока, веду заметки. Я хочу, чтобы ученик оставался доволен и его вопросы находили ответы. Если вам необходим ментор, не можете понять тему, застряли, не знаете, что учить дальше и другие вопросы. То можете обращаться ко мне @ruslan_kuyanets

Reactify Academy Очень часто встречаю бесплатные ресурсы для обучения: курсы, видео, статьи, задания и тд. Недавно увидел такой вот сайт https://code-basics.com/ru Это Open Source проект, куда разработчики могут добавлять курсы и редактировать существующие. Там уже добавлены по множеству языков программирования с удобными тренажерами. Сейчас очень много такого. Не понимаю почему люди до сих пор покупают курсы в записи. Если можно пройти самостоятельно. И вот у меня возник вопрос - А нужно ли продолжать Reactify Academy? Или потратить силы на что-то более полезное. Ведь почти все то, что я хотел добавить в академию, я хочу добавить в YeaHub, и это тоже будет Open Source для всех. #academy

Это что такое?😱 давно не было больше 1900, а тут 2037🧐 Ваше мнение ребята. Как сейчас дела обстоят с собесами?

Запись выражений в одну строку Недавно увидел такой способ записи выражений. Для этого мы можем использовать оператор "," (запятая). Этот оператор «двигается» слева направо и возвращает значение последнего выражения или операнда. Если мы выведем значение x в консоль, то получим 27. Сначала мы увеличиваем значение x на единицу (x = 6). Затем вызываем функцию addFive() с параметром 6, к которому прибавляем 5 (x = 11). После этого мы умножаем значение x на 2 (x = 22). Затем вычитаем 5 (x = 17). И, наконец, прибавляем 10 (x = 27). #JavaScript

Ребята, наша команда усердно трудится над проектом YeaHub, и мы всё больше убеждаемся в его значимости для IT-рынка труда. Этот проект приносит пользу не только IT-специалистам, но и работодателям. Сегодня я хочу рассказать вам о нашем HR-специалисте, Залифе Галимовой, обладающей более чем 10-летним опытом в сфере HR в IT. Залифа успешно трудоустроила более 600 IT-специалистов среднего и высокого уровня в крупные компании, такие как Яндекс, Сбербанк, Газпромбанк, Русал, Епам, IBS, МТС и другие. Залифа поделилась своими мыслями по поводу проекта:

Проект

YeaHub

обречен на успех, учитывая текущее ограниченное количество эффективных каналов поиска IT-специалистов на рынке. Около 70% вакансий сегодня закрывается через сайт хх.ру, но этот канал имеет значительные недостатки. Во-первых, для работодателей эта платформа является очень дорогой: для доступа к резюме требуется покупать подписку, стоимость которой ежегодно растет. Во-вторых, на одну опубликованную вакансию может поступить более 200-300 откликов, среди которых лишь 5-6 будут действительно подходящими. IT-рекрутеры физически не могут обработать такое количество откликов в течение рабочего дня. Поэтому процесс подбора IT-специалистов становится очень затратным для компаний, учитывая необходимость оплаты доступа к базе резюме на хх.ру, время рекрутера и время лида, проводящего собеседования.

YeaHub предлагает решение, позволяющее оптимизировать все эти затраты. Наш продукт будет уникальным предложением как для соискателей, так и для работодателей. У Залифы есть канал о карьере в IT сфере, где она делится полезными советами о том как найти работу в IT. https://t.me/it_coach1

Ребята, наша команда усердно трудится над проектом YeaHub, и мы всё больше убеждаемся в его значимости для IT-рынка труда. Этот проект приносит пользу не только IT-специалистам, но и работодателям. В нашем коллективе 25 специалистов, включая разработчиков (front-end и back-end), QA-инженеров, HR и IT-рекрутеров. Сегодня я хочу рассказать вам о нашем HR-специалисте, Залифе Галимовой, обладающей более чем 10-летним опытом в сфере HR в IT. Залифа успешно трудоустроила более 600 IT-специалистов среднего и высокого уровня в крупные компании, такие как Яндекс, Сбербанк, Газпромбанк, Русал, Епам, IBS, МТС и другие. Залифа поделилась своими мыслями по поводу проекта: "Проект YeaHub обречен на успех, учитывая текущее ограниченное количество эффективных каналов поиска IT-специалистов на рынке. Около 70% вакансий сегодня закрывается через сайт хх.ру, но этот канал имеет значительные недостатки. Во-первых, для работодателей эта платформа является очень дорогой: для доступа к резюме требуется покупать подписку, стоимость которой ежегодно растет. Во-вторых, на одну опубликованную вакансию может поступить более 200-300 откликов, среди которых лишь 5-6 будут действительно подходящими. IT-рекрутеры физически не могут обработать такое количество откликов в течение рабочего дня. Поэтому процесс подбора IT-специалистов становится очень затратным для компаний, учитывая необходимость оплаты доступа к базе резюме на хх.ру, время рекрутера и время лида, проводящего собеседования." YeaHub предлагает решение, позволяющее оптимизировать все эти затраты. Наш продукт будет уникальным предложением как для соискателей, так и для работодателей.

FSD Хочу в будущем отрефакторить React Новости настолько хорошо, что его добавят в примеры на официальном сайте FSD. Было бы приятно. Поэтому начинаю углубляться в FSD) Еще хотим чтобы YeaHub так же добавили на сайт FSD. Это помогло бы в продвижении и привлечении внимания сообщества. Будем трудиться и создадим формулу написания хорошего кода.

YeaHub Новости Прошли первые созвоны с командами Frontend, Backend, Design. Обсудили важные вопросы по поводу архитектуры, стека, идей. В скором времени приступаем к написанию сервера для нашей платформы. На самом деле наш курс немного изменился, добавилось много новых идей. Об этом расскажу позже, когда разработка начнется. Идея более глобальная и полезная. Еще решили провести исследования. Задать IT специалистам и рекрутерам вопросы, узнать их мнение по поводу идеи. Что они ожидают от платформы, какой функционал, дизайн и тд. Так что в скором времени попрошу вас пройти опрос👌 #teams

Наблюдатель Наблюдатель (Observer) — это поведенческий паттерн проектирования, который обеспечивает создание механизма подписки, благодаря которому объекты могут получать уведомления о событиях, происходящих в других объектах. Этот механизм улучшает взаимодействие между компонентами системы, делая их взаимосвязь гибкой и минимизируя их зависимость друг от друга. В архитектуре паттерна "Наблюдатель" выделяют два основных типа участников: "субъект" и "наблюдатели". Субъект — это объект, за состоянием которого следят наблюдатели. Когда состояние субъекта меняется, он автоматически оповещает об этом все подписанные на него объекты-наблюдатели. Наблюдатели, в свою очередь, реагируют на эти изменения, выполняя определенные действия. Примером реализации паттерна Наблюдатель может служить Стейт менеджер. Когда при изменении какого-то значения, наш интерфейс должен отреагировать. #patterns #observer

Feature-Sliced Design - Лучшая Frontend архитектура Вышло новое видео на канале! Давайте обсуждать, как вы используете FSD. Писать с нуля, учитывая особенности архитектуры, легче чем переписывать готовый проект. FSD развивает правильно мышление сущностями, заставляет более тщательно продумывать компоненты. В дальнейшем мы отрефакторим код и сформируем правильный подход. Вот самый ближайший по духу пример из документации: https://github.com/noveogroup-amorgunov/nukeapp/tree/main/src

Распространение события Распространение события (Event Propagation) – это механизм в веб-разработке, описывающий порядок, в котором события обрабатываются в DOM (Document Object Model). Когда событие возникает на элементе, оно проходит через три стадии: погружение, целевую фазу и всплытие. Этот процесс позволяет определить, как и в каком порядке элементы DOM реагируют на различные события (например, клики или нажатия клавиш). Понимание этого механизма важно для правильной организации обработки событий в приложениях. Фаза Погружения (Захвата): Событие начинается от Window и движется вниз к целевому элементу, проходя через всех его предков. Целевая Фаза: Событие достигает целевого элемента. Фаза Всплытия: Событие возвращается к Window, всплывая через всех предков целевого элемента. Управление распространением событий: event.stopPropagation(): Вызов этого метода в обработчике событий предотвращает дальнейшее распространение события. Это означает, что событие не будет продолжать всплывать или погружаться. #event #stopPropagation #dom

Димыч по нашим стопам решил пойти😄 Он дает возможность для новичков учавствовать в разработке, получать опыт. Это прям коммерческая разработка, стартап. Только он берет за это деньги с новичков. Вообще это круто, Димыч много годного делает. Многие платят за Буткемпы и тд, а тут прям реальный стартап. Хороший опыт. Только у нас это бесплатно. Вы можете пройти отбор и практиковаться👌 Этот проект будет жить в любом случае. Хотя бы просто как место для практики. Но мы нацелены на результат.🏆 #teams

YeaHub Новости В нашей команде теперь 5 дизайнеров! Наш проект растет. Еще определились с дизайном, какой стиль и цвета хотим видеть на нашей платформе. Как будут первые наброски покажу вам. Активно продумываем идеи, что будет на нашей платформе. Уже хочется начать разработку. Еще мы в поиске опытного бекендера. Который будет TeamLead для разработчиков. Чтобы участвовал в продумывании архитектуры. Я думаю мы легко найдет. Ведь наш проект как магнит! #teams

React Новости и FSD (Архитектура Frontend) Всю эту неделю готовил видео о FSD😱 Такого видео в YouTube точно нет. Все примеры обычно легкие, а у нас уже большое приложение. Было сложно, но я сделал это! Если хотите прокачаться в FSD (самая популярная архитектура на данный момент) то точно стоит посмотреть видео. Буду пару дней монтировать. В этом видео мои мысли и рассуждения. Логика FSD как ее вижу я (не побоюсь сказать САМАЯ ПРАВИЛЬНАЯ). Видео подойдет и для опытных и для новичков. Длится будет 1,5 часа.

YeaHub Сегодня мы придумали название для нашей платформы YeaHub. Я уже купил домен💪 Yea: Это слово ассоциируется с утверждением, согласием и позитивом. Оно звучит энергично и оптимистично, что может привлечь внимание и создать позитивное первое впечатление. Hub: "hub" означает центральное место для соединений и взаимодействий. Это подчеркивает, что наша платформа является ключевой точкой сбора для IT-сообщества. А ты зареган на ехаб? Кинь ссылку на ехаб! Я сижу на ехабе! По мне так оригинально. Приедается. Запоминается. Наша платформа только в начале пути будет для поиска специалистов. В дальнейшем - это центр IT сообщества, где есть все для обучения, работы, общения. Как вам? А какое название вы бы придумали? #teams

Фидбек Сегодня всем оставил обратную связь. Старался все персонализировано сделать. Все, что было во время собеса, помечал в заметках. Все большие молодцы, много всего знают. Хочу в дальнейшем записать видео, поделится ошибками и советами. - Нужно практиковаться и изучать актуальный Стек технологий. - Нужно обучаться по плану. - Не нужно учить в глубину на начальном этапе Я много раз говорил, что проект не для обучения стека, а для практики. Поэтому, почти все кандидаты были высокого уровня. Выбирали долго, после каждого собеса переделывали рейтинг. Изначально я хотел собрать команду 10-12 человек вместе с бекендерами и дизайнерами. Для Фронтов я выделял 6 мест примерно. Но так как были ребята с опытом, то я поступил следующим путем: 5 человек с опытом и 5 человек без опыта. В нашей команде 10 Фронтов. Ребята с опытом усилят наш проект и подготовят почву к следующему набору. Чтобы мы могли брать менее опытных ребят. У нас грандиозные планы! Всем спасибо! Если кому то не написал фидбек, напишите мне плиз, мог пропустить, столько людей. #teams

Мост Мост (Bridge Pattern) - это структурный дизайн паттерн, который разделяет один или несколько классов на две отдельные иерархии — абстракцию и реализацию, позволяя им развиваться независимо друг от друга. Это достигается за счет создания композиционной связи между абстракцией (чаще всего интерфейсом пользователя) и её реализацией (конкретной платформой или технологией). Такой подход позволяет избежать постоянной привязки абстракции к одной реализации, облегчая тем самым масштабирование и адаптацию к новым требованиям. Вот когда стоит использовать паттерн Мост: 1️⃣ Когда нужно избежать "жесткого" связывания абстракции и её реализации: Это особенно важно в ситуациях, где абстракция и реализация могут развиваться независимо друг от друга, или когда реализация должна быть выбираема или переключаема во время выполнения программы. 2️⃣ Когда изменения в реализации не должны влиять на клиентов: Использование паттерна Мост позволяет изолировать изменения в реализации от кода клиента, который использует абстракцию. 3️⃣ Когда необходимо разделять и управлять большим набором классов: В случаях, когда существует множество классов, образующих иерархии абстракций и реализаций, паттерн "Мост" помогает упорядочить и упростить структуру. Примером реализации паттерна Мост в контексте React и функционального программирования может служить ситуация, где компонент React (абстракция) делегирует некоторые из своих задач другому JavaScript объекту (реализация). Это может быть, например, компонент интерфейса, который взаимодействует с разными источниками данных. Вместо того, чтобы интегрировать логику работы с данными напрямую в компонент, можно использовать паттерн Мост, чтобы отделить эту логику. #patterns #bridge

Всем привет! Понедельник день тяжелый. Сегодня добавил всех Фронтенд Разработчиков в чат проекта. Решил для начала взять 10 человек. Через месяц думаю нужно будет набирать еще. Но главное начать разработку. Наша команда фронтендров 🎉🎉🎉 @denispereloma @AleksanderIazev @SSA146 @A_Kaz @crypto_bubblezz @perfect1onnnn @Ykant @maxkpacific @buffik_1989 @ShaArtur Долго решали кого выбрать, ведь было много крутых ребят. В итоге сошлись на таком выборе. Все кто проходил собеседования молодцы! Спасибо, за ваше время, я постараюсь на неделе каждому написать и дать обратную связь. ВСЕ КТО ПРОХОДИЛ СОБЕСЕДОВАНИЯ БУДУТ В ПРИОРИТЕТЕ В СЛЕДУЮЩЕМ НАБОРЕ Постараемся быстрее начать разработку, чтобы у других ребят тоже была возможность практиковаться. #teams

Знакомлю вас с участниками проекта. Дизайн важная часть любого приложения. Над дизайном у нас работают @bubuzlya и @brandonbetterdays Как нам делать платформу для HR без HR. Консультировать и помогать нам будет HR специалист @HR_Zalifa Опытные люди нам нужны, особенно если умеют тестировать и работали в больших компаниях @r0mavin Опытный Frontend Разработчик с почти 10-летним опытом, работал в Ozon, Ростелеком, Сбер, будет помогать в организации @gzennurov Универсальный солдат, DevOps, Frontend, Backend, который будет на подхвате @rofflion Рад, что эти люди с нами, проявляют свою активность, готовы к новым вызовам. Каждый в проекте найдет пользу для себя: от получения опыта и укрепления портфолио до опыта управления и проведения экспериментов. #teams