React Frontend | YeaHub
3.33K subscribers
320 photos
4 videos
1 file
551 links
Теория, подготовка к интервью и курсы для React разработчиков

YeaHub — это платформа для IT-специалистов, объединяющая обучение, карьерный рост, развитие и сообщество единомышленников.

Платформа: https://yeahub.ru

Для связи: @ruslan_kuyanets
Download Telegram
Какой из следующих селекторов в CSS имеет наивысший приоритет?
Anonymous Quiz
4%
class
4%
element
65%
!important
1%
pseudo-class
👍8🏆3🔥2👎1
#react
Для чего используется memo в React?

Уровень: 3️⃣

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

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍4🏆4
#tech
Для чего используется библиотека yup?

Уровень: 4️⃣

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

📔 Дока
📄 Статья
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🏆3🔥2
#js
Что такое IIFE?

Уровень: 4️⃣

IIFE (Immediately Invoked Function Expression) в JavaScript представляет собой функцию, которая определяется и мгновенно вызывается. Это позволяет изолировать переменные в области видимости функции и предотвращает конфликты имен с другими скриптами.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🏆4🔥3
#tech
Что такое ESLint и для чего он используется?

Уровень: 5️⃣

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

Ресурсы для изучения:
📔 Дока
📄 Статья
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥2🏆21
Какой из перечисленных методов выравнивает элементы по главной оси в CSS Flexbox?
Anonymous Quiz
3%
align-self
68%
justify-content
24%
align-items
4%
justify-items
1%
center-content
👍8🏆3🔥2
#js
В чем разница между __proto__ и prototype?

Уровень: 5️⃣

__proto__ - является свойством каждого объекта, указывающим на его прототип.

prototype - является свойством функций и используется для определения прототипа новых экземпляров, создаваемых этой функцией.


Ресурсы для изучения:
📔 Дока
📄 Статья
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🏆2🔥1
#tech
Для чего используется библиотека classnames?

Уровень: 3️⃣

Библиотека classnames используется для удобного управления классами элементов в web-приложениях. Она предоставляет функцию, которая позволяет динамически указывать классы для элементов на основе заданных условий или параметров. Это особенно полезно при работе с компонентами, которым нужно добавлять или удалять классы в зависимости от различных условий.

📔 Дока
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🏆3🔥2
Какие теги являются семантическими?
Anonymous Quiz
38%
<aside>
1%
<details>
1%
<mark>
2%
<summary>
1%
<time>
55%
Все из перечисленных
👍11🔥3🏆2👎1
#react
Для чего нужен хук useImperativeHandle?

Уровень: 6️⃣

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

Ресурсы для изучения:
📔 Дока
📄 Статья
📱YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3🏆3
Какова сложность (BigO-notation) у бинарного поиска на отсортированном массиве?
Anonymous Quiz
25%
O(n)
17%
O(n log n)
42%
O(log n)
13%
O(n^2)
3%
O(2^n)
👍7🔥43
#js
Что такое функция-конструктор?

Уровень: 4️⃣

Функция-конструктор — это функция, которая используется для создания новых объектов с помощью ключевого слова new.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍3🏆2
#css
Что такое Псевдоэлементы?

Уровень: 2️⃣

Псевдоэлементы в CSS представляют собой специальные ключевые слова, которые используются для стилизации определенных частей элемента без необходимости добавления дополнительных элементов в HTML. Пример некоторых псевдоэлементов - :before, :after, :first-line, :first-letter

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥3
На сколько вопросов ответили?
Anonymous Poll
11%
0-3
22%
4-6
35%
7-9
33%
10-11
👍4
Какова сложность (BigO-notation) у сортировки пузырьком (Bubble sort)?
Anonymous Quiz
13%
O(n)
14%
O(log n)
17%
O(n log n)
54%
O(n^2)
2%
O(1)
👍93🔥3
#react
Что такое render props в React?

Уровень: 4️⃣

Render props - это паттерн в React, позволяющий компоненту передавать функцию через пропсы, которая определяет, что компонент должен отрисовать. Этот подход делает компоненты более гибкими и повторно используемыми.

Ресурсы для изучения:
📔 Дока
📄 Статья
📱 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍4🏆3
#html
Для чего используется атрибут srcset в теге img?

Уровень: 4️⃣

`srcset` используется в HTML для указания нескольких вариантов изображений, которые могут быть использованы в зависимости от размера экрана или разрешения устройства пользователя. Этот тег позволяет браузеру выбрать наиболее подходящее изображение из предложенных вариантов.


📔 Дока
📄 Статья
📱 YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥43
Видим по активности, что алгоритмы вызывают наибольший интерес у наших подписчиков!

Объявляем неделю квизов по этой непростой теме 🧐

Поделитесь в комментариях о каком алгоритме вы бы хотели узнать подробнее?
👍9🔥4🏆3
Какова сложность (BigO-notation) у сортировки слиянием (Merge Sort)?
Anonymous Quiz
12%
O(n)
22%
O(log n)
49%
O(n * log n)
17%
O(n^2)
0%
O(1)
👍53🔥2