Ознакомиться с важной информацией: Майнер отключен!

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

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

Add Internationalization (i18n) to a React app using 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

В этом курсе мы будем включать 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

Твоя оценка

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

Комментарии

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

Angular - концепции, код и коллективная мудрость

Angular - концепции, код и коллективная мудрость

en
Изучите основные понятия, играйте с кодом, станьте грамотным Angular разработчиком. Подумайте о том, чтобы пройти этот курс, если вы являетесь разработчиком, который хочет быстро изучить Angular концепции, не имея необходимости читать онлайн-доки, сообщения в блогах, вопросы GitHub и сообщения...
Сэмюэл Л. Джексон учит играть | Мастер клас

Сэмюэл Л. Джексон учит играть | Мастер клас

en
В детстве Сэмюэл Л. Джексон так сильно заикался, что почти не разговаривал. Сегодня он один из самых успешных актеров в мире, с ролями в более чем 100 фильмах, в том числе Pulp Fiction и The Avengers. Впервые звезда учит, как он создает незабываемые персонажи, мощные выступления и долговременную...
Armin van Buuren учит танцевальной музыке | Мастер класс

Armin van Buuren учит танцевальной музыке | Мастер класс

en
Каждую неделю Armin van Buuren отправляет 41 миллион слушателей в «State of Trance» на его радиошоу. В своем первом в мире онлайн-классе дилер, продающий платину, разрывает свои хиты и строит трек с нуля - чтобы показать вам, как он производит, исполняет и продвигает танцевальную музыку.
Java Professional v2

Java Professional v2

ru
Курс "Java Professional" ориентирован на комплексное и глубокое изучение возможностей Java Core. Он будет интересен тем программистам, которые уже имеют опыт работы с языком Java и хотят познакомиться с его дополнительными тонкостями, а также особенностями эффективного использования языка.
Python и Flask Bootcamp: Cоздавайте веб-сайты с помощью Flask!

Python и Flask Bootcamp: Cоздавайте веб-сайты с помощью Flask!

en
Создавайте потрясающие веб-сайты, используя мощный Flask фреймворк для Python! Добро пожаловать в лучший онлайн-ресурс, чтобы узнать, как создавать сайты с Python и Flask! Этот курс станет вашим полным окончательным руководством по разработке полнофункциональных веб-сайтов с Flask фреймворком.
Курс Ultimate Advanced Laravel Pro (включая Vuejs)

Курс Ultimate Advanced Laravel Pro (включая Vuejs)

en
Изучите передовые концепции фреймворков laravel и vuejs, а также создайте и разверните полный проект. ПОСЛЕДНИЙ LARAVEL КУРС, который вам когда-либо понадобится. Этот курс охватывает расширенные возможности laravel с глубоким погружением в исходный код, объяснением основных концепций и шаблонов...
Визуализации данных с D3.js

Визуализации данных с D3.js

en
Cоздавайте красивые визуализации данных с помощью d3.js. Интенсивное введение в библиотеку D3. Этот курс поднимет вас в D3 до такой степени, что вы сможете построить практически любую визуализацию, которую вы можете себе представить. Курс научит вас программировать в последней версии D3 - версия 5.x
3D-программирование с помощью WebGL и Babylon.js для начинающих

3D-программирование с помощью WebGL и Babylon.js для начинающих

en
Обновите свои навыки и будьте готовы к будущему, включив 3D-технологии в свой портфель навыков. В настоящее время поддерживается всеми браузерами, WebGL - это JavaScript API, который позволяет вам отображать 3D-изображения в браузере без использования плагинов. Существующие библиотеки...
Google Material Design для WPF разработчика

Google Material Design для WPF разработчика

ru
Видео курс Google Material Design предназначен для людей, которые уже имеют уверенные знания языка программирования C# и имеют опыт разработки на этом языке. Курс также будет полезен .NET разработчикам, желающим расширить свой стек знаний технологией WPF. Обучение по курсу будет состоять из двух...
chat
logo