Главная » Архив меток: React (страница 8)

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

Повысьте производительность приложений React + Redux с помощью библиотеки Reselect

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

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

Демонстрация повторно используемых компонентов React в формах

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

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

React и SEO: Создание на Next.js SPA, оптимизированных для Google

От автора: мы часто рекомендуем использование одностраничных приложений. Мы продолжим делать это, потому что они великолепны. Я имею в виду, они быстрые, они предлагают невероятный UX и у них крутой вид. Тем не менее, мы также всегда обращаем внимание на вещи, с которыми нужно быть осторожными, когда речь идет о работе с SPA — такие важные вещи, как поисковая оптимизация ...

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

Смогут ли React-хуки заменить компоненты высшего порядка (HOC)?

Перевод статьи Do React Hooks Replace Higher Order Components (HOCs)? с сайта medium.com для css-live.ru, автор — Эрик Эллиотт «Мандаринка» — снимок Малкольма Карлоу (CC-BY-2.0) Как только API React-хуков вышел, стало появляться много вопросов о том, сможет ли он заменить другие общие библиотеки и паттерны в экосистеме React+Redux.Хуки задумывались как замена классам и еще одна прекрасная альтернатива для композиции поведения ...

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

Тестирование приложений React в 2019 году

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

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

10 ошибок, которые совершают разработчики React

От автора: некоторые ошибки стали довольно распространенными среди разработчиков, работающих над приложениями React. Эти ошибки могут быть результатом недосмотра, давления с целью уложиться в сроки или отсутствия опыта работы с React / JavaScript. В этой статье я опишу 10 ошибок, которые часто допускают разработчики при создании приложений React. Хотя в этом руководстве мы используем React, большинство методов, о которых говорится ...

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

JavaScript, который нужно знать для React

От автора: одна из вещей, которые мне больше всего нравятся в React по сравнению с другими фреймворками, которые я использовал, это то, насколько вы открыты для JavaScript при его использовании. Шаблон DSL (JSX компилируется в разумный JavaScript) отсутствует, API компонентов стал проще с добавлением React Hooks, и фреймворк предлагает вам очень мало абстракций вне основных проблем пользовательского интерфейса, которые он ...

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

Создание мобильных приложений с использованием Ionic и React

От автора: Ionic недавно добавил поддержку React; поэтому теперь разработчики React могут использовать преимущества Ionic для создания гибридных мобильных приложений и прогрессивных веб-приложений (PWA). В этой статье мы покажем вам, как начать использовать Ionic с React, создав простое демонстрационное приложение с нуля. Что вам необходимо Чтобы следовать этому руководству, вам понадобятся следующие предварительные условия: последние версии Node.js и npm, установленные ...

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

Встроенная альтернатива Redux с помощью React Context и хуков

От автора: так как новый React Context API был представлен в версии 16.3.0, у многих людей возникла мысль, достаточно ли хорош этот API, чтобы пересмотреть вопрос об использовании Redux. Мне было интересно то же самое, но я с тех пор больше не следил за данной темой, даже после выхода 16.8.0 с Hooks API. Я стремлюсь к использованию популярных технологий, не ...

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

Извлечение данных в React с использованием React Async

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

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