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

Посетил Frontend miniConf в Краснодаре. Было круто 😁 Послушал доклады про тестирование приложений, про ИИ и тд Поболтали про работу и айти https://t.me/krdfrontend

«Пусть этот луч напомнит, что всё получится» ✨ Сложные задачи решаются легче, когда рядом есть люди, которые в тебя верят. Если у коллеги впереди важный проект или релиз, твоя поддержка будет очень кстати. Так у команды Т1 появилась прикольная идея: приглашаем тебя создать открытку и отправить её любимым коллегам. Действуй 💫

Offer Man 😁

👩‍💻 Как работает CI/CD в Production: GitHub Actions, Docker, ArgoCD и GitOps Как выглядит CI/CD в настоящем проекте? В этом видео разберем полный pipeline от Git Push до Production: GitHub Actions, Docker, ArgoCD и GitOps. Покажу весь путь от изменения кода до деплоя в production: — как устроен CI/CD процесс; — как работает GitHub Actions; — сборка и запуск Docker контейнеров; — автоматизация проверок и деплоя; — как используется ArgoCD; — что такое GitOps и как он применяется на практике. Мы не будем просто рисовать схемы — я покажу еще весь процесс на живом проекте: ✅ трекер задач; ✅ GitHub Actions; ✅ Docker; ✅ структура проекта; ✅ pipeline; ✅ deployment flow. Это видео подойдет frontend, backend и fullstack разработчикам, которые хотят понять, как реально работает DevOps-процесс в команде. Видео уже на канале Reactify! Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение. 🚀 База собесов — 💪 Frontend Элита — 📚 Менторство — 📹 YouTube

Так, ребята Если я захочу перейти во фуллстек, то как называть канал? Fullstackify? Есть идеи?

Вчера побывал на «Профсоюзная Конференция». Хочу сказать следующее: «Если интернешенал - это праздник доты, то профсоюзная - это праздник айти» Ни на одной другой конфе/митапе я так много не общался. Зарядился энергией от самых разных людей. Хардворк ✊🏼 В комментарии пришлю немного видео/фото с конфы

Как устроены ИИ-агенты, которые умеют программировать сами? 27 августа в 19:00 встречаемся в кампусе Центрального университета на митапе про кодинговых ИИ-агентов. На митапе: ⚫️ узнаем, почему кодинговые агенты превращаются в отдельные сервисы и как устроены распределенные агентные системы; ⚫️ разберем протоколы ACP и A2A и посмотрим, как разные агенты и клиенты могут взаимодействовать между собой; ⚫️ на практическом мастер-классе создадим собственного автономного агента с помощью Deep Agents от LangChain — с планированием, управлением контекстом, файловой системой и параллельной работой сабагентов. Мастер-класс — с ноутбуками, так что получится не только посмотреть, но и попробовать собрать агента своими руками. Спикеры: ⚫️Денис Артюшин — технический владелец продукта агентской платформы в Т-Банке ⚫️Полина Реброва — ведущий инженер по разработке, Сбер ⚫️Александр Шахов — инженер-преподаватель и академический руководитель направления «Разработка» в Центральном университете 📍 27 августа, 19:00 📍 Кампус Центрального университета, Москва Зарегистрироваться по ссылке

Видео по CI/CD готово Такого вы не видели еще На следующей неделе... скоро..

ИИ эпидемия Уже не первый раз слышу такой фидбек

Все готово Завтра сниму видео про CI/CD, в понедельник опубликую Потом сниму видео по инфраструктуре Все это я буду показывать на примере YeaHub https://github.com/YeaHubTeam/yeahub-platform

💪 Как я довожу Frontend-разработчиков до оффера (показываю всю систему) https://www.youtube.com/watch?v=ZIl3kHEL0XQ Разошелся я с контентом, но мои гайды по менторству устаревают очень быстро за счет добавления новых ритуалов 😁 Плюс решил окончательно на схеме отбить все вопросы по процессу обучения. Один раз провести презентацию и отправлять это видео в приветственном сообщении, чтобы экономить 15–20 минут на каждой консультации на вопросы вроде: «А с чего начнем?», «Как всё проходит?», «А что такое стажировка?» и т. д. В общем, видос уже на YouTube. Держим качество. Улучшаем всё. Скоро видео по инфраструктуре, CI/CD и деплою. 🚀 База собесов — 💪 Frontend Элита — 📚 Менторство — 📹 YouTube

Задания с собеса Задание 1 (код с Promise):

let counter = 0;
const increment = new Promise(resolve => {
    counter++;
    resolve(0);
});
await increment;
await increment;
console.log(counter);

Вопрос: Чему будет равен counter? Задание 2 (React-компонент с Counter A и Counter B):

import React, { useState } from "react";
import "./styles.css";

console.log = (...args) => {
    const node = document.createElement("div");
    node.innerHTML = args.join(" ");
    document.getElementById("log").appendChild(node);
};

const Counter = (props) => {
    console.log(`Counter ${props.name} rendered`);
    return (
        <div>
            Counter {props.name} : {props.count}
        </div>
    );
};

export default function App() {
    const [countB] = useState(0);
    const [countA, setCountA] = useState(0);
    const handleCountA = () => {
        setCountA(countA + 1);
    };

    return (
        <div className="App">
            <Counter name="A" count={countA} />
            <Counter name="B" count={countB} />
            <button onClick={handleCountA}>Count A</button>
        </div>
    );
}

Задача: Counter A и Counter B рендерятся вместе, нужно чтобы Counter B не ре-рендерился при клике на Counter A. Оптимизировать компонент. Задание 3 (сравнение функций):

const test = 0 => test()
const test1 = async 0 => await test1()
const test2 = async 0 => await Promise.resolve(0).then(test2)
const test3 = 0 => setTimeout(test3, 1)

Вопрос (по контексту собеса): С чем можно столкнуться (например, переполнение стека, бесконечный цикл, таймаут и т.д.)? Вопрос про переполнение стека вызовов и разницу между синхронной/асинхронной рекурсией. 🚀 База собесов — 💪 Frontend Элита — 📚 Менторство — 📹 YouTube

🖥 20 вопросов с жесткого Frontend собеседования: V8 / JS engine / React Fiber Почему один JavaScript-код работает быстро, а другой тормозит? Что происходит внутри V8, когда мы запускаем наш код? В этом видео разбираем оптимизации JavaScript под капотом: — как работает JIT-компилятор — что такое Hidden Classes в V8 — почему структура объектов влияет на производительность — что такое мономорфизм и deoptimization — как работает Garbage Collector и поколенческий сборщик мусора — почему создание лишних объектов может замедлять приложение — когда использовать Object, а когда Map Это вопросы, которые часто встречаются на собеседованиях Frontend Senior уровня, но самое важное — понять не термины, а логику работы JavaScript-движка. После этого видео станет понятнее: - почему V8 любит предсказуемый код - почему один и тот же JS может работать в 100 раз быстрее в разных условиях - какие привычки в коде помогают движку оптимизировать приложение JavaScript — это не просто язык, который выполняется в браузере. Внутри работает сложный движок, который постоянно анализирует наш код и пытается сделать его быстрее. Видео уже на канале Reactify! Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение. 🚀 База собесов — 💪 Frontend Элита — 📚 Менторство — 📹 YouTube

Айти уходит на дно 😭

👩‍💻 Эволюция Frontend Архитектуры: от Монолита до Microfrontends (Monorepo, Multirepo) В этом видео разберём эволюцию больших frontend-систем: Monolith → Modular Monolith → Monorepo → Multirepo → Microfrontends. На примере роста большой платформы посмотрим: — почему один frontend начинает не справляться с ростом команды; — зачем переходят от монолитного приложения к модульной архитектуре; — чем отличаются Monorepo и Multirepo; — когда появляются отдельные приложения и бизнес-контуры; зачем нужны Microfrontends; — как независимые команды получают свои релизы, CI/CD и жизненный цикл. Разберём: — Frontend Architecture — Microfrontend Architecture — Monorepo vs Multirepo — Modular Monolith — Frontend Scaling — Large Scale Frontend Applications Видео будет полезно frontend-разработчикам, архитекторам и техническим лидерам, которые строят масштабируемые веб-приложения. Видео уже на канале Reactify! Я не оставляю ссылку, так как видео лучше продвигается, если заходить на него напрямую с YouTube. Это помогает улучшить его рейтинг и увеличить шансы на органическое продвижение. 🚀 База собесов — 💪 Frontend Элита — 📚 Менторство — 📹 YouTube