От автора: селекторы — это удобный способ «выбрать» состояние из магазина Redux. Хранилище Redux хранит всю логику и данные приложения; селекторы используются для выбора определенных частей состояния из хранилища. Если вы создаете приложения с использованием React и Redux, вы можете воспользоваться селекторами. Как выглядят селекторы? Прежде чем мы рассмотрим то, почему селекторы удобны и как их использовать, давайте посмотрим, как ...
Читать далее »Архив меток: React
Демонстрация повторно используемых компонентов 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. Обновить состояние, используя ответ, если все идет как запланировано. Или, в случае возникновения ошибок, пользователю отображается сообщение об ошибке. При обработке запросов по сети всегда будут задержки. Это часть сделки, ...
Читать далее »