Javascript & Ajax \ React

Шесть «никогда» при интернационализации веб-приложений

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

Читать далее

Javascript & Ajax \ React

15 советов по производительности приложений React.js

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

Читать далее

Javascript & Ajax \ React

Аутентификация полного стека: файлы cookie и локальное хранилище

От автора: когда вы авторизуетесь в приложении, вы ожидаете, что в следующий раз, когда вы откроете новую вкладку или окно в браузере, вы все равно останетесь авторизованным. Это означает, что в некотором роде или форме, клиент (браузер) должен поддерживать ссылку на вас, чтобы вы оставались авторизованным.

Читать далее

Javascript & Ajax \ React

Минималистичное управление состоянием (React)

От автора: React версии 16.3 представил новый API контекста. На мой взгляд, эта новая функция достаточно хороша для управления состоянием небольших и средних приложений. Недавно я написал небольшой проект, в котором использовал контекст в качестве основного источника данных для front-end. В этом посте я хотел бы поделиться полученными знаниями и подходом.

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее

Javascript & Ajax \ React

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

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

Читать далее