Главная » Архив меток: React

Архив меток: React

Решение задач на собеседование по React. Часть 2

От автора: это видео является продолжением, где вы увидите, как закончить приложение на React. В этой части вы увидите, как реализовать пагинацию, как сделать возможность выбора пользователем количество загружаемых данных (32 или 1000 строк), как реализовать фильтрацию в таблице, используя отдельный компонент. Также вы узнаете, как на практике использовать нововведение в React, которое называется React Hooks. Вы увидите использование useState ...

Читать далее »

Решение задач на собеседование по React

От автора: подписчики попросили сделать несколько видео, где я покажу как решать задачи на собеседование по React js. В этом видео вы увидите, как решать задачи на собеседование, используя технологию React js. В результате данного ролика вы увидите реализацию приложения, которое будет загружать асинхронно данные с сервера, выводить их в таблицу, показывать индикатор загрузки данных с сервера и т.д. После ...

Читать далее »

Вопросы на собеседование по React / Redux

От автора: вопросы собеседования React становятся одной из самых популярных тем для изучения будущими разработчиками. Спрос на знание именно этого фреймворка легко объясним. React — одна из самых популярных и влиятельных JavaScript платформ последнего времени. Ее популярность становится все больше и больше, как показывают результаты состояния JS за последние три года. И не только это, React также остается самым популярным ...

Читать далее »

Как настроить компоненты из библиотеки React

От автора: любая используемая для React библиотека компонентов делает нашу жизнь проще. Но, как разработчики, вы часто можете оказаться в ситуациях, когда сторонние компоненты не предоставляют функциональные возможности или возможности настройки, необходимые для проекта. У нас есть 2 варианта: Написать компонент самостоятельно с нуля Настроить сторонние компоненты Что выбрать, зависит от компонента и ситуации, в которой вы находитесь. По-видимому, некоторые ...

Читать далее »

Как использовать React.lazy и Suspense для отложенной загрузки компонентов

От автора: React 16.6 вывел разделение кода на новый уровень. Теперь вы можете загружать компоненты, когда это действительно необходимо, без установки дополнительных библиотек. Что такое разделение кода и отложенная загрузка? Webpack определяет разделение кода как: «Метод разделения вашего кода на различные пакеты, которые затем могут быть загружены по требованию или параллельно». Другой способ сказать: «загрузка по требованию или параллельно» — ...

Читать далее »

Обзор свойств рендеринга в React

От автора: рендеринг в React — это метод эффективного повторного использования кода. Согласно документации React, «компонент со свойством рендеринга принимает функцию, которая возвращает элемент React и вызывает ее вместо реализации собственной логики визуализации». Чтобы понять, что это значит, давайте рассмотрим шаблон свойства рендеринга, а затем применим его в нескольких простых примерах. Шаблон свойства рендеринга При работе со свойствами рендеринга вы ...

Читать далее »

Плавная прокрутка в React: реализация

От автора: плавная прокрутка, не знаете, что это такое? Ну, вместо того, чтобы нажимать на кнопку и мгновенно перемещаться на другую часть (той же) страницы, пользователь перемещается туда с помощью анимации. Прокрутка в React – это одна из тех тонких особенностей сайта, которая создает невероятную разницу в плане эстетики. Я лично только что реализовал это на одном из своих сайтов, ...

Читать далее »

Отношения любовь-ненависть между React Router и React Components

От автора: как разработчикам React, большинству из нас нравится работать с React Router и нравится то, насколько хорошо он подходит для нашего приложения React. Почему мы любим React Router: Прекрасно работает с React и следует тем же принципам Навигационный аспект маршрутизатора очень просто понять Компонентный состав, декларативный пользовательский интерфейс, управление состояниями и то, насколько он следует основному потоку React (событие ...

Читать далее »

5 вещей, которые я не знала о Create React App

От автора: Create React App — это инструмент, который упрощает создание приложений React без необходимости иметь дело со сложными настройками. Недавняя версия Create React App v2 — отличный повод, чтобы пройтись по Руководству для пользователей еще раз и найти интересные функции, о которых вы не знали. Вот те, о которых не знала я. 1. Отображение линтов ошибок в редакторе Я ...

Читать далее »

Хуки React: это не магия, это просто массивы

От автора: я большой поклонник нового API хуков. Тем не менее, у него есть некоторые странные ограничения относительно того, как вам следует его использовать. Здесь я опишу модель, с помощью которой те, кто пытается понять причины этих правил, могут представить себе, как именно используются в React хуки. ПРЕДУПРЕЖДЕНИЕ: API хуков является экспериментальной функцией Эта статья посвящена API хуков, который в ...

Читать далее »