Frontend Советы

2022-11-07 08:00:03 Что такое компонент высшего порядка в React?

Компонент более высокого порядка действует как контейнер для других компонентов. Это помогает сохранить простоту компонентов и обеспечивает возможность повторного использования. Они обычно используются, когда несколько компонентов должны реализовывать общую логику.

@frontend_sovet Открыть/Комментировать

2022-11-06 08:00:03 Какие различия у null, undefined и undeclared?

undeclared — ошибка, появляющаяся при обращении к необъявленной переменной

null — в прямом смысле "ничего". Можно использовать это значение в качестве заглушки

undefined — "объявлено, но не инициализировано"

@frontend_sovet Открыть/Комментировать

2022-11-05 08:00:10 Что такое миксины? Опишите их преимущества и недостатки.

Поддержка Mixin — это функция, которая позволяет повторно использовать код между компонентами в приложении Vue.js и инструментом компоновки программного обеспечения.

Mixin — это объект JavaScript, который может содержать любую опцию, которую может содержать компонент. Все содержимое миксина объединяется с параметрами компонента, когда этот компонент использует миксин.

Миксины помогают следовать принципу DRY (не повторяться). Миксин можно даже применить глобально к каждому экземпляру компонента. В этом случае это называется глобальным миксином.

Следует избегать глобальных миксинов, так как воздействие на каждый отдельный компонент может привести к проблемам с обслуживанием по мере роста приложения. Внедрение определенных миксинов в компоненты по мере необходимости приводит к более удобному для сопровождения коду.

@frontend_sovet Открыть/Комментировать

2022-11-04 08:00:14 Могут ли веб-браузеры напрямую читать JSX?

Веб-браузеры не могут читать JSX напрямую. Это связано с тем, что они созданы для чтения только обычных объектов JS, а JSX не является обычным объектом JavaScript. Чтобы веб-браузер мог прочитать файл JSX, файл необходимо преобразовать в обычный объект JavaScript. Для этого используется Babel.

@frontend_sovet Открыть/Комментировать

2022-11-03 08:00:03 Объясните методы жизненного цикла компонентов.

getInitialState(): выполняется перед созданием компонента; componentDidMount(): выполняется, когда компонент визуализируется и помещается в DOM.
shouldComponentUpdate(): вызывается, когда компонент определяет изменения в DOM и возвращает «истинное» или «ложное» значение в зависимости от определенных условий.
componentDidUpdate(): вызывается сразу после рендеринга.
componentWillUnmount(): вызывается непосредственно перед тем, как компонент будет окончательно уничтожен и размонтирован.

@frontend_sovet Открыть/Комментировать

2022-11-02 08:00:04 Что такое NaN и как проверить, равна ли ему переменная?

NaN — «Not a Number», ложное значение. typeof NaN возвращает тип Number. Проверить переменную можно с помощью isNaN(), или используя оператор ===.

@frontend_sovet Открыть/Комментировать

2022-11-01 08:00:04 Что такое state в React?

State (состояние) — это встроенный объект React, который используется для хранения данных или информации о компоненте. Состояние компонента может меняться со временем, и всякий раз, когда оно изменяется, компонент перерисовывается.

Изменение состояния может происходить в ответ на действия пользователя или системные события. Оно определяет поведение компонента и то, как он будет отображаться.

@frontend_sovet Открыть/Комментировать

2022-10-31 12:00:59 Тест онлайн-курса по React.js

— Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете фреймворк. Сможете сдать — пройдёте на продвинутый курс по React.js со скидкой.

За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay.

ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS

Хотите протестировать учебный процесс заранее? Регистрируйтесь на бесплатные вебинары:

— «Создание быстрых сайтов с Astro.build»: регистрация

— «Refine.js - мощный фреймворк разработки внутренних приложений»: регистрация Открыть/Комментировать

2022-10-31 08:00:16 Как используется render() в React?

Для каждого компонента требуется функция render(). Эта функция возвращает HTML, который должен отображаться в компоненте. Если вам нужно отобразить более одного элемента, все элементы должны быть внутри одного родительского тега, такого как