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