React Frontend | YeaHub

#Собес #Go_channels #deadlock #blocking_read
🤔 При каких условиях чтение из канала заблокируется навсегда?

💬 Кратко:
Чтение из канала заблокируется навсегда, если канал пуст и нет горутин, которые могут отправить в него значение. Это происходит, когда все отправители завершились или никогда не существовали. Также чтение из nil-канала блокируется навсегда, так как он не готов к операциям.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#book #react #веб
📚 React. К вершинам мастерства: Создание быстрых, производительных и интуитивно понятных веб-приложений

Это практическое руководство по разработке веб‑интерфейсов и веб‑приложений с использованием React — популярной библиотеки JavaScript для создания пользовательских интерфейсов. Книга сочетает фундаментальные концепции с продвинутыми техниками, помогая читателю перейти от базового понимания к профессиональному владению инструментом.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #integration_testing #test_database #test_environment
🤔 Как запускаются интеграционные тесты (какая БД используется)?

💬 Кратко:
Интеграционные тесты проверяют взаимодействие нескольких компонентов, например, приложения и базы данных. Для их запуска обычно используется отдельная тестовая база данных, чтобы не затронуть продакшен-данные. Часто применяют легковесные in-memory БД (H2 для Java, SQLite) или управляемые контейнерами экземпляры (PostgreSQL в Docker). Процесс включает настройку тестового окружения, миграцию схемы и очистку данных перед/после каждого теста.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #networks #browser #optimizations

🤔 Middle Frontend разработчик в компанию amoCRM

HR-скриннинг. Зарплатная вилка: до 200к. Весна 2025. Опыт в резюме: 4 года. Формат: офис. Спрашивали про технологии, про bun, node, docker.

💬 Вопросы:

- Расскажите как работает браузер?

- Что такое requestAnimationFrame?

- В чем отличие между microtask queue и task queue?

- Какие особенности имеют хуки useEffect и useLayoutEffect?

- Где хранятся сессии и cookie?

👉 Все вопросы из этого собеседования (9)

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #REST #API #HTTP
🤔 Что такое REST API с концептуальной точки зрения?

💬 Кратко:
REST API — это архитектурный стиль для построения веб-сервисов, основанный на принципах клиент-серверного взаимодействия без сохранения состояния. Он моделирует данные как ресурсы, доступ к которым осуществляется через стандартные HTTP-методы (GET, POST, PUT, DELETE). Каждый ресурс имеет уникальный идентификатор (URI), а обмен данными обычно происходит в форматах JSON или XML. Такой подход делает API простым, масштабируемым и независимым от клиентских технологий.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#book #react #веб
📚 React. К вершинам мастерства: Создание быстрых, производительных и интуитивно понятных веб-приложений

Это практическое руководство по разработке веб‑интерфейсов и веб‑приложений с использованием React — популярной библиотеки JavaScript для создания пользовательских интерфейсов. Книга сочетает фундаментальные концепции с продвинутыми техниками, помогая читателю перейти от базового понимания к профессиональному владению инструментом.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #docker_build #dockerfile #image
🤔 Как создать Docker-образ с использованием Dockerfile?

💬 Кратко:

Чтобы создать Docker-образ, необходимо использовать команду docker build, указав путь к каталогу, содержащему Dockerfile. Например, docker build -t myimage:tag . создаст образ с именем myimage и тегом tag из текущего каталога.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #react #sollid #microfrontend

🤔 Middle Frontend разработчик в компанию X5

Техническое собеседование. Лето 2025. Опыт: 4.3 года. Вилка: 200к+. Проект: проектирование биржевого терминала/аналитической платформы. В конце был лайвкодинг.

💬 Вопросы:

- Каково назначение dispatch в React Redux?

- Что такое middleware в Redux и для чего он используется?

- Как работает алгоритм Fiber?

- Как объединить обновление состояния для нескольких setState?

- Как работает Jest под капотом (разница между jsdom и браузером)?

👉 Все вопросы из этого собеседования (21)

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #cache #invalidation
🤔 Какие ошибки могут возникнуть при неправильной реализации кэша?

💬 Кратко:

Неправильный кэш может приводить к устаревшим данным и трудноуловимым багам. Часто возникают проблемы с инвалидцией кэша и некорректными ключами. Возможны утечки памяти и несоответствие данных реальному состоянию. Такие ошибки сложно отлаживать. Поэтому кэш требует аккуратной реализации.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#course #курсы #тренажер
📚 Code Basics — старт в IT с нуля

Code Basics — бесплатная образовательная платформа для тех, кто хочет начать путь в IT. Проект создан командой и сообществом Хекслета, чтобы помочь новичкам понять принципы программирования, а не просто запомнить детали. В основе обучения — практический тренажёр, который помогает освоить базу и почувствовать логику кода.

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #relational #database
🤔 Чем отличается реляционная БД от нереляционной?

💬 Кратко:

Реляционные БД хранят данные в таблицах со строгой схемой и связями. Нереляционные БД хранят данные в более гибком формате без жёстких связей. Реляционные БД сильны в целостности и транзакциях. Нереляционные — в масштабировании и гибкости схемы.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #zustand #reactquery #interview

🤔 Middle+ React Frontend-разработчик в A3F Group

Техническое собеседование. Опыт в резюме — 4+ года. Пожелания по зарплате от 200к, комфорт 250к.

💬 Вопросы:

- В чем разница между интерфейсом (interface) и типом (type) в TypeScript?

- Каковы преимущества использования CSS Grid и Flexbox ?

- Какие есть жизненные циклы в React?

- Как правильно использовать useEffect для различных ситуаций?

- Как создать и использовать кастомные хуки?

👉 Все вопросы из этого собеседования (44)

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #dependency_injection #inversion_of_control #DI_container
🤔 Что такое dependency injection?

💬 Кратко:
Dependency injection (DI) — это шаблон проектирования, при котором зависимости объекта (например, сервисы или другие объекты) передаются ему извне, а не создаются внутри самого объекта. Это делает код более гибким и легко тестируемым, так как зависимости можно заменять на заглушки (mocks). DI часто реализуется через конструктор, свойства или методы. Он является ключевой частью многих современных фреймворков, таких как Angular, Spring и NestJS.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#article #event_loop #promise
📚 Полное понимание асинхронности в браузере

Гайд по асинхронности в JavaScript. Статья на Хабр от Яндекса

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #polling #poke
🤔 Как работает механизм polling в сенсорах?

💬 Кратко:

Polling — это периодическая проверка условия через заданный интервал времени. Сенсор «просыпается», проверяет условие и, если оно не выполнено, снова засыпает. Интервал задаётся параметром poke_interval. Такой подход прост, но может потреблять ресурсы, если сенсоров много. Поэтому polling нужно использовать аккуратно.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #ооп #git #оптимизация

🤔 Middle/Middle+ Frontend разработчик в компанию ПСБ

Техническое собеседование. Зарплатная вилка: от 250к. Октябрь 2024. Опыт в резюме: 4 года. Спрашивали как работали с тестами на проектах, какое было покрытие и как развиваешься в свободное время.

💬 Вопросы:

- Объяснить разницу между var, let и const в JavaScript?

- Перечислите все типы данных в JavaScript?

- Что такое стрелочные функции и чем они отличаются от обычных функций?

- Что такое замыкания в JavaScript и почему они важны?

- Объясните концепцию прототипного наследования в JavaScript?

👉 Все вопросы из этого собеседования (17)

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #Jest #Cypress #Playwright
🤔 Используются ли Jest, Cypress, Playwright и в каких случаях?

💬 Кратко:
Jest — это фреймворк для модульного (unit) и интеграционного тестирования, в основном для логики JavaScript (React, Node.js). Cypress и Playwright — инструменты для сквозного (E2E) тестирования веб-приложений в браузере. Cypress удобен для быстрого написания стабильных тестов под Chrome, но работает только в рамках браузера. Playwright поддерживает несколько браузеров (Chrome, Firefox, Safari) и позволяет тестировать более сложные сценарии, включая мобильные эмуляции и работу с несколькими страницами.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#tool #графы
📚 Терялся в собственном коде?

Встречай Gitvizz, инструмент, который мгновенно превращает кодовую базу в интерактивные графы, чтобы наглядно увидеть, как всё связано

Перейти к материалу

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #realtime #update #polling
🤔 Как отобразить изменения в базе данных без перезагрузки страницы?

💬 Кратко:

Чтобы отображать изменения в базе данных без перезагрузки страницы, клиент должен регулярно или реактивно получать обновления от сервера. Это можно делать через polling, WebSocket или другие push-механизмы. При получении новых данных обновляется состояние React, что вызывает ререндер. Выбор подхода зависит от требований к задержке, нагрузке и сложности системы.

📌 Полный разбор + примеры использования — на платформе:
👉 Перейти к разбору

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа

#Собес #http #css #js

🤔 Middle Frontend разработчик в компанию X5 Group

Техническое собеседование. Зима 2025. Опыт в резюме: 3.5 года. Вилка: 200к+. Проект: разработка продуктов для ритейла. В конце был лайвкодинг typescript.

💬 Вопросы:

- Каковы преимущества использования CSS Grid и Flexbox ?

- Как центрировать элемент по горизонтали и вертикали в CSS?

- Отличие useMemo от useCallback.

- В чем различия forEach и map?

- Чем HTTP отличается от HTTPS?

👉 Все вопросы из этого собеседования (14)

📣 Все для прокачки навыков:
✅ Анонсы → канал
✅ Комьюнити → чат
✅ База задач и вопросов → платформа