Публикации по теме frontend

Публикации по теме 'frontend'

Создание пользовательских хуков React для вызова API

Хуки React — это мощная функция, представленная в React 16.8, которая позволяет нам использовать состояние и другие функции React в функциональных компонентах. Они могут помочь нам сохранить наш код чистым и модульным, извлекая логику в повторно используемые части. Одним из наиболее распространенных применений пользовательских хуков является инкапсуляция функций, которые используются в нескольких компонентах. В этом руководстве мы рассмотрим, как создавать собственные хуки React и как..

О внешнем и внутреннем интерфейсе, а также о том, где работает мой JavaScript

Когда я впервые начал изучать код, я натолкнулся на термины интерфейс и бэкэнд . Хотя я уже создал калькулятор и погодное приложение, эти термины все еще были мне непонятны. Путем некоторого исследования я нашел эту статью и эту , и обе мне понравились вначале. Фронтенд и бэкэнд Интерфейс , часто называемый «клиентской», относится к той части веб-сайта, которую вы можете видеть и с которой можно взаимодействовать через веб-браузер. Во время навигации в Интернете все,..

Примечания к техническому интервью

Заметки о моем опыте прохождения технического собеседования Будь осторожен! Это не руководство по проведению технических интервью. Эта статья призвана формализовать мои знания и опыт. Сегодня я наконец-то прошел «Сертификацию технического интервьюера» в EPAM. Итоговым экзаменом было собеседование, которое оценивалось, и наставник должен был решить, готов ли я получить сертификат. Для меня это не было проблемой, так как я провожу собеседования последние 2 года. И эта..

Как написать функцию карри в javascript

Хорошо, это не статья о том, как есть или готовить карри. Это информативная статья о каррировании и о том, как написать простую функцию каррирования. Итак… что такое карри? В javascript каррирование — это идея разделения функции с несколькими аргументами на отдельные функции, которые можно назначать независимо и позже оценивать как единое целое. Хорошо. Но что это на самом деле означает? Вот пример: Идея в том, что мы не хотим каждый раз делить 10 на что-то. Что я хочу..

Программирование тестового задания хакерского типа на вакансию Senior Web-Engineer в Oracle

Весной 2021 года я присматривался к свободным вакансиям. Мое внимание привлекла вакансия удаленного старшего веб-инженера в Oracle. После отправки резюме я получил несколько тестовых заданий на выбор. Пройдя немного дальше, мне удалось завершить его и получить предложение о работе. Особенно интересным тестовым заданием было реализовать четыре способа получения данных на веб-странице из бэкенда без использования какого-либо AJAX и его XMLHttpRequestObject. Давайте рассмотрим эти..

Эффективно тестируйте свои хуки React с помощью Vitest

В этом посте рассказывается, как использовать Vitest и библиотеку тестирования React, чтобы помочь модульному тестированию хуков React таким образом, чтобы их было легко поддерживать и расширять. Настройка Vitest и JSDOM Работающий на Vite, Vitest претендует на звание молниеносно быстрой среды модульного тестирования для проектов Vite. Vitest предлагает функции и синтаксис, аналогичные Jest, с поддержкой TypeScript/JSX из коробки , но при этом быстрее в просмотре (HRM) и..

Реактивное волокно раскрыто

В соавторстве с Peng Dong , Ozair Ghulam , Christina Or , Khanh Bui Содержание Обзор Этап примирения Фиксация фазы Прохождение Чтобы демистифицировать Reactime, нам сначала нужно понять, как один из его механизмов работает с React под капотом, концепция, называемая React Fiber. React состоит из двух фаз: фазы согласования и фазы фиксации. Этап согласования На этапе согласования, когда React обновляет DOM браузера, React создает отдельный файбер (обратите внимание,..