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

От автора: в React мы используем useEffec t, когда нам нужно что-то сделать после рендеринга компонента или когда нам нужно применить побочные эффекты. Побочным эффектом может быть выборка данных с удаленного сервера, чтение или запись в локальное хранилище, настройка слушателей событий или настройка подписки. UseEffect() позволяет нам управлять жизненными циклами компонентов внутри функциональных компонентов. Хук useEffect() можно рассматривать как комбинацию ...

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

От автора: React с JSX — фантастический инструмент для создания простых в использовании компонентов. Компоненты Typescript доставляют разработчикам абсолютное удовольствие интегрировать компоненты в приложения и исследовать API. В этой статье вы узнаете о трех менее известных API React, которые могут вывести ваши компоненты на новый уровень и помочь вам создавать еще более совершенные компоненты React. Вы когда-нибудь использовали React.createElement напрямую? ...

От автора: React router, пожалуй, одна из самых крутых функций React. Это известная библиотека, и всем, кто изучает React, нужно знать то, как ее использовать. Причина очень проста. При использовании веб-сайта пользователям важно иметь возможность беспрепятственно просматривать разные страницы или переходить с одной страницы на другую. React Router — библиотека, которая делает это возможным. React создает одностраничное приложение, а React ...

От автора: React — отличная библиотека для создания прекрасных веб-сайтов и увлекательных веб-приложений. Но это самая непредвзятая библиотека разработки по сравнению с Angular и Vue. Таким образом, выбор сборки и структуры приложения остается за разработчиками. Это выгодный подход для зрелой команды разработчиков, но не для начинающих разработчиков, учащихся и новичков в мире React. Некоторые параметры реализовать легко, а некоторые — ...

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

От автора: если вы использовали хук useState() для управления нетривиальным состоянием, например списком элементов, где вам нужно добавлять, обновлять и удалять элементы в состоянии, вы могли заметить, что логика управления состоянием занимает значительную часть тела компонента. Это проблема, потому что компонент React по своей природе должен содержать логику, которая вычисляет результат. Но логика управления состоянием — это иная задача, которой ...

От автора: есть много способов вызвать излишний повторный рендеринг в React. Но что означает излишний повторный рендеринг? Означает ли это, что браузер повторно отображает часть пользовательского интерфейса, связанную с компонентом? В приведенном выше примере компоненты A, B и C повторно визуализируются в ответ на визуализацию приложения. Давайте откроем инструменты разработчика и посмотрим, что происходит в DOM. Несмотря на то, что ...

От автора: Оптимизация производительности приложений является ключевым моментом для разработчиков, которые заботятся о том, чтобы оценка пользователей оставалась положительной и чтобы они продолжали пользоваться приложением. Согласно исследованию Akamai, секундная задержка во времени загрузки может привести к снижению конверсии на 7%, что заставляет разработчиков создавать приложения с оптимизированной производительностью. Для приложений, созданных с помощью React, нам по умолчанию гарантируется очень быстрый ...