React Frontend | YeaHub
Open in Telegram
Теория, подготовка к интервью и курсы для React разработчиков YeaHub — это платформа для IT-специалистов, объединяющая обучение, карьерный рост, развитие и сообщество единомышленников. Платформа: https://yeahub.ru Для связи: @ruslan_kuyanets
Show more3 216
Subscribers
+224 hours
-37 days
-3030 days
Data loading in progress...
Similar Channels
![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=96&q=75){kind=small}
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
August '26
August '26
+29
in 0 channels
July '26
+29
in 0 channels
Get PRO
June '26
+32
in 0 channels
Get PRO
May '26
+26
in 0 channels
Get PRO
April '26
+35
in 0 channels
Get PRO
March '26
+36
in 0 channels
Get PRO
February '26
+186
in 42 channels
Get PRO
January '26
+33
in 0 channels
Get PRO
December '25
+98
in 42 channels
Get PRO
November '25
+150
in 39 channels
Get PRO
October '25
+105
in 30 channels
Get PRO
September '25
+66
in 1 channels
Get PRO
August '25
+377
in 53 channels
Get PRO
July '25
+66
in 0 channels
Get PRO
June '25
+181
in 20 channels
Get PRO
May '25
+56
in 4 channels
Get PRO
April '25
+185
in 20 channels
Get PRO
March '25
+97
in 6 channels
Get PRO
February '25
+226
in 35 channels
Get PRO
January '25
+331
in 37 channels
Get PRO
December '24
+81
in 20 channels
Get PRO
November '24
+118
in 12 channels
Get PRO
October '24
+262
in 6 channels
Get PRO
September '24
+201
in 5 channels
Get PRO
August '24
+416
in 19 channels
Get PRO
July '24
+282
in 12 channels
Get PRO
June '24
+280
in 4 channels
Get PRO
May '24
+414
in 3 channels
Get PRO
April '24
+443
in 6 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 29 August | +2 | |||
| 28 August | +3 | |||
| 27 August | 0 | |||
| 26 August | +1 | |||
| 25 August | +3 | |||
| 24 August | 0 | |||
| 23 August | +1 | |||
| 22 August | +2 | |||
| 21 August | +2 | |||
| 20 August | 0 | |||
| 19 August | 0 | |||
| 18 August | 0 | |||
| 17 August | 0 | |||
| 16 August | +3 | |||
| 15 August | 0 | |||
| 14 August | 0 | |||
| 13 August | +1 | |||
| 12 August | +2 | |||
| 11 August | 0 | |||
| 10 August | +1 | |||
| 09 August | 0 | |||
| 08 August | 0 | |||
| 07 August | +3 | |||
| 06 August | +1 | |||
| 05 August | +2 | |||
| 04 August | +1 | |||
| 03 August | +1 | |||
| 02 August | 0 | |||
| 01 August | 0 |
Channel Posts
#book #react #веб
📚 React. К вершинам мастерства: Создание быстрых, производительных и интуитивно понятных веб-приложений
Это практическое руководство по разработке веб‑интерфейсов и веб‑приложений с использованием React — популярной библиотеки JavaScript для создания пользовательских интерфейсов. Книга сочетает фундаментальные концепции с продвинутыми техниками, помогая читателю перейти от базового понимания к профессиональному владению инструментом.
Перейти к материалу
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа
| 2 | #Собес #integration_testing #test_database #test_environment
🤔 Как запускаются интеграционные тесты (какая БД используется)?
💬 Кратко:
Интеграционные тесты проверяют взаимодействие нескольких компонентов, например, приложения и базы данных. Для их запуска обычно используется отдельная тестовая база данных, чтобы не затронуть продакшен-данные. Часто применяют легковесные in-memory БД (H2 для Java, SQLite) или управляемые контейнерами экземпляры (PostgreSQL в Docker). Процесс включает настройку тестового окружения, миграцию схемы и очистку данных перед/после каждого теста.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 296 |
| 3 |  #Собес #networks #browser #optimizations
🤔 Middle Frontend разработчик в компанию amoCRM
HR-скриннинг. Зарплатная вилка: до 200к. Весна 2025. Опыт в резюме: 4 года. Формат: офис. Спрашивали про технологии, про bun, node, docker.
💬 Вопросы:
- Расскажите как работает браузер?
- Что такое requestAnimationFrame?
- В чем отличие между microtask queue и task queue?
- Какие особенности имеют хуки useEffect и useLayoutEffect?
- Где хранятся сессии и cookie?
👉 Все вопросы из этого собеседования (9)
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 332 |
| 4 | #Собес #REST #API #HTTP
🤔 Что такое REST API с концептуальной точки зрения?
💬 Кратко:
REST API — это архитектурный стиль для построения веб-сервисов, основанный на принципах клиент-серверного взаимодействия без сохранения состояния. Он моделирует данные как ресурсы, доступ к которым осуществляется через стандартные HTTP-методы (GET, POST, PUT, DELETE). Каждый ресурс имеет уникальный идентификатор (URI), а обмен данными обычно происходит в форматах JSON или XML. Такой подход делает API простым, масштабируемым и независимым от клиентских технологий.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 424 |
| 5 | #book #react #веб
📚 React. К вершинам мастерства: Создание быстрых, производительных и интуитивно понятных веб-приложений
Это практическое руководство по разработке веб‑интерфейсов и веб‑приложений с использованием React — популярной библиотеки JavaScript для создания пользовательских интерфейсов. Книга сочетает фундаментальные концепции с продвинутыми техниками, помогая читателю перейти от базового понимания к профессиональному владению инструментом.
Перейти к материалу
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 515 |
| 6 | #Собес #docker_build #dockerfile #image
🤔 Как создать Docker-образ с использованием Dockerfile?
💬 Кратко:
Чтобы создать Docker-образ, необходимо использовать команду docker build, указав путь к каталогу, содержащему Dockerfile. Например, docker build -t myimage:tag . создаст образ с именем myimage и тегом tag из текущего каталога.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 480 |
| 7 |  #Собес #react #sollid #microfrontend
🤔 Middle Frontend разработчик в компанию X5
Техническое собеседование. Лето 2025. Опыт: 4.3 года. Вилка: 200к+. Проект: проектирование биржевого терминала/аналитической платформы. В конце был лайвкодинг.
💬 Вопросы:
- Каково назначение dispatch в React Redux?
- Что такое middleware в Redux и для чего он используется?
- Как работает алгоритм Fiber?
- Как объединить обновление состояния для нескольких setState?
- Как работает Jest под капотом (разница между jsdom и браузером)?
👉 Все вопросы из этого собеседования (21)
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 505 |
| 8 | #Собес #cache #invalidation
🤔 Какие ошибки могут возникнуть при неправильной реализации кэша?
💬 Кратко:
Неправильный кэш может приводить к устаревшим данным и трудноуловимым багам. Часто возникают проблемы с инвалидцией кэша и некорректными ключами. Возможны утечки памяти и несоответствие данных реальному состоянию. Такие ошибки сложно отлаживать. Поэтому кэш требует аккуратной реализации.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 483 |
| 9 |  #course #курсы #тренажер
📚 Code Basics — старт в IT с нуля
Code Basics — бесплатная образовательная платформа для тех, кто хочет начать путь в IT. Проект создан командой и сообществом Хекслета, чтобы помочь новичкам понять принципы программирования, а не просто запомнить детали. В основе обучения — практический тренажёр, который помогает освоить базу и почувствовать логику кода.
Перейти к материалу
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 578 |
| 10 | #Собес #relational #database
🤔 Чем отличается реляционная БД от нереляционной?
💬 Кратко:
Реляционные БД хранят данные в таблицах со строгой схемой и связями. Нереляционные БД хранят данные в более гибком формате без жёстких связей. Реляционные БД сильны в целостности и транзакциях. Нереляционные — в масштабировании и гибкости схемы.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 505 |
| 11 |  #Собес #zustand #reactquery #interview
🤔 Middle+ React Frontend-разработчик в A3F Group
Техническое собеседование. Опыт в резюме — 4+ года. Пожелания по зарплате от 200к, комфорт 250к.
💬 Вопросы:
- В чем разница между интерфейсом (interface) и типом (type) в TypeScript?
- Каковы преимущества использования CSS Grid и Flexbox ?
- Какие есть жизненные циклы в React?
- Как правильно использовать useEffect для различных ситуаций?
- Как создать и использовать кастомные хуки?
👉 Все вопросы из этого собеседования (44)
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 515 |
| 12 | #Собес #dependency_injection #inversion_of_control #DI_container
🤔 Что такое dependency injection?
💬 Кратко:
Dependency injection (DI) — это шаблон проектирования, при котором зависимости объекта (например, сервисы или другие объекты) передаются ему извне, а не создаются внутри самого объекта. Это делает код более гибким и легко тестируемым, так как зависимости можно заменять на заглушки (mocks). DI часто реализуется через конструктор, свойства или методы. Он является ключевой частью многих современных фреймворков, таких как Angular, Spring и NestJS.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 534 |
| 13 |  #article #event_loop #promise
📚 Полное понимание асинхронности в браузере
Гайд по асинхронности в JavaScript. Статья на Хабр от Яндекса
Перейти к материалу
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 670 |
| 14 | #Собес #polling #poke
🤔 Как работает механизм polling в сенсорах?
💬 Кратко:
Polling — это периодическая проверка условия через заданный интервал времени. Сенсор «просыпается», проверяет условие и, если оно не выполнено, снова засыпает. Интервал задаётся параметром poke_interval. Такой подход прост, но может потреблять ресурсы, если сенсоров много. Поэтому polling нужно использовать аккуратно.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 613 |
| 15 |  #Собес #ооп #git #оптимизация
🤔 Middle/Middle+ Frontend разработчик в компанию ПСБ
Техническое собеседование. Зарплатная вилка: от 250к. Октябрь 2024. Опыт в резюме: 4 года. Спрашивали как работали с тестами на проектах, какое было покрытие и как развиваешься в свободное время.
💬 Вопросы:
- Объяснить разницу между var, let и const в JavaScript?
- Перечислите все типы данных в JavaScript?
- Что такое стрелочные функции и чем они отличаются от обычных функций?
- Что такое замыкания в JavaScript и почему они важны?
- Объясните концепцию прототипного наследования в JavaScript?
👉 Все вопросы из этого собеседования (17)
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 635 |
| 16 | #Собес #Jest #Cypress #Playwright
🤔 Используются ли Jest, Cypress, Playwright и в каких случаях?
💬 Кратко:
Jest — это фреймворк для модульного (unit) и интеграционного тестирования, в основном для логики JavaScript (React, Node.js). Cypress и Playwright — инструменты для сквозного (E2E) тестирования веб-приложений в браузере. Cypress удобен для быстрого написания стабильных тестов под Chrome, но работает только в рамках браузера. Playwright поддерживает несколько браузеров (Chrome, Firefox, Safari) и позволяет тестировать более сложные сценарии, включая мобильные эмуляции и работу с несколькими страницами.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 606 |
| 17 |  #tool #графы
📚 Терялся в собственном коде?
Встречай Gitvizz, инструмент, который мгновенно превращает кодовую базу в интерактивные графы, чтобы наглядно увидеть, как всё связано
Перейти к материалу
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 688 |
| 18 | #Собес #realtime #update #polling
🤔 Как отобразить изменения в базе данных без перезагрузки страницы?
💬 Кратко:
Чтобы отображать изменения в базе данных без перезагрузки страницы, клиент должен регулярно или реактивно получать обновления от сервера. Это можно делать через polling, WebSocket или другие push-механизмы. При получении новых данных обновляется состояние React, что вызывает ререндер. Выбор подхода зависит от требований к задержке, нагрузке и сложности системы.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 646 |
| 19 | #Собес #http #css #js
🤔 Middle Frontend разработчик в компанию X5 Group
Техническое собеседование. Зима 2025. Опыт в резюме: 3.5 года. Вилка: 200к+. Проект: разработка продуктов для ритейла. В конце был лайвкодинг typescript.
💬 Вопросы:
- Каковы преимущества использования CSS Grid и Flexbox ?
- Как центрировать элемент по горизонтали и вертикали в CSS?
- Отличие useMemo от useCallback.
- В чем различия forEach и map?
- Чем HTTP отличается от HTTPS?
👉 Все вопросы из этого собеседования (14)
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 630 |
| 20 | #Собес #generics #object_type #type_safety
🤔 Чем generics лучше использования object?
💬 Кратко:
Generics позволяют создавать компоненты, работающие с разными типами, сохраняя информацию о типе. Использование object стирает эту информацию, делая код менее типобезопасным. С generics компилятор может проверять типы на этапе компиляции, предотвращая ошибки. Это также улучшает автодополнение в IDE и документацию кода. Generics делают код более выразительным и переиспользуемым без потери безопасности типов.
📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору
📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа | 590 |
