В этом курсе мы будем включать react-intl в проект, созданный с помощью create-react-app и react-router. Библиотека react-intl делает сложные задачи, такие как интернационализация, форматирования даты и валюты невероятно простыми. Еще одним огромным преимуществом react-intl является то, что он дает вам возможность централизовать контент в вашем приложении в файлы, специфичные для языка. Это создает постоянное место для поиска контента и поощрения повторного использования. Если вы когда-либо использовали языковые файлы yml в Rails, вы уже знакомы с этим шаблоном.
Начиная с точки входа приложения, мы попадаем в исходное состояние, добавляя необходимые компоненты и структуры данных, необходимые для работы react-intl. Оттуда мы будем использовать компоненты react-intl для форматирования различных типов данных, включая строки, даты и числа. Мы также будем работать над написанием тестов для компонентов, которые включают react-intl, с использованием Jest и enzyme.
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Add Internationalization (i18n) to a React app using React Intl,
а также все другие курсы, прямо сейчас!
Install and Configure the Entry Point of react-intl
Урок 2.00:04:12
Convert a Hard Coded String using react-intl FormattedMessage
Урок 3.00:03:36
Render Content with Placeholders using react-intl FormattedMessage
Урок 4.00:01:21
Render Content with Markup Using react-intl FormattedHTMLMessage
Урок 5.00:02:22
Format Date and Time Using react-intl FormattedDate and FormattedTime
Урок 6.00:02:12
Format a Date Relative to the Current Date Using react-intl FormattedRelative
Урок 7.00:02:29
Format Numbers with Separators and Currency Symbols using react-intl FormattedNumber
Урок 8.00:03:37
Render Content Based on a Number using react-intl FormattedMessage
Урок 9.00:03:33
Use a react-intl Higher Order Component to format messages and get current locale
Урок 10.00:07:31
Write tests for react-intl output using enzyme and Jest
Урок 11.00:03:11
Use Webpack to Conditionally Include an Intl Polyfill for Older Browsers
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.