Ознакомиться с важной информацией

Добавляем интернационализацию (i18n) в React app с React Intl - Видеоуроки

Add Internationalization (i18n) to a React app using React Intl
Открыть все курсы от egghead

В этом курсе мы будем включать 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. Install and Configure the Entry Point of react-intl 00:04:22
  • Урок 2. Convert a Hard Coded String using react-intl FormattedMessage 00:04:12
  • Урок 3. Render Content with Placeholders using react-intl FormattedMessage 00:03:36
  • Урок 4. Render Content with Markup Using react-intl FormattedHTMLMessage 00:01:21
  • Урок 5. Format Date and Time Using react-intl FormattedDate and FormattedTime 00:02:22
  • Урок 6. Format a Date Relative to the Current Date Using react-intl FormattedRelative 00:02:12
  • Урок 7. Format Numbers with Separators and Currency Symbols using react-intl FormattedNumber 00:02:29
  • Урок 8. Render Content Based on a Number using react-intl FormattedMessage 00:03:37
  • Урок 9. Use a react-intl Higher Order Component to format messages and get current locale 00:03:33
  • Урок 10. Write tests for react-intl output using enzyme and Jest 00:07:31
  • Урок 11. Use Webpack to Conditionally Include an Intl Polyfill for Older Browsers 00:03:11
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре по истечению месяца после даты добавления (11 Jan 2018). Войди в свой аккаунт или оформи подписку в личном кабинете, чтобы посмотреть его уже сейчас.

Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

Последнее добавленное

Sketch: Рисуем интерфейсы

Sketch: Рисуем интерфейсы

ru
С помощью Sketch рисования интерфейсов приложений стало очень простым и быстрым. Sketch - инструмент, полностью ориентированный на дизайн пользовательского интерфейса. Из-за своей простоты, любой может научиться рисовать в Sketch. Он идеально подходит для проектирования для нескольких устройств.
Grand Central Dispatch

Grand Central Dispatch

ru
Grand Central Dispatch (GCD) - это маркетинговое имя библиотеки libdispatch, которая обеспечивает поддержку одновременного выполнения кода на многоядерном оборудовании в iOS и OS X. Проходя этот курс, желательно чтобы вы уже были знакомы с Swift и Xcode а также с процессом разработки мобильных при
Продвинутый контроль компонентов Vue.js

Продвинутый контроль компонентов Vue.js

en
С помощью Vue очень легко подбирать и быстро создавать отличные приложения, используя встроенные шаблоны и директивы. По мере того, как ваше приложение будет усложняться, вам потребуется более тонкое управление вашими компонентами.
chat
logo