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

Добавляем интернационализацию (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

Твоя оценка

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

Комментарии

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

VR-разработчик. Разработки VR-приложения: от идеи до монетизации

VR-разработчик. Разработки VR-приложения: от идеи до монетизации

ru
VR-разработчик — это профессия будущего. Такие гиганты, как Facebook, YouTube, Google , находятся в постоянном поиске талантливых VR-специалистов. При этом войти в профессию очень легко, люди с любым бэкграундом могут начать обучение. Навыки VR-разработки, создания и ведения проектов...
Онлайн курс-интенсив «Развитие памяти и внимания»

Онлайн курс-интенсив «Развитие памяти и внимания»

ru
Как со 100% точностью запоминать большой объем любой информации на неограниченный срок? КТО и ЗАЧЕМ ХОДИТ В АПТЕКУ Спрос, как известно, рождает предложение. Поэтому в любой аптеке, на самом видном месте, наряду с лекарствами от простуды и гриппа, можно встретить препараты для улучшения памяти.
Основы Affinity Photo

Основы Affinity Photo

en
Руководство для новичков в самой горячей новой программе для редактирования изображений! Affinity Photo - самая новая программа для редактирования изображений для Mac и Windows. У нее есть много мощных инструментов, чтобы сделать Ваши фотографии действительно сияющими. Но вам нужно знать...
Практический онлайн-курс  «Дизайн мобильных приложений»

Практический онлайн-курс «Дизайн мобильных приложений»

ru
Курс для тех, кто хочет снимать сливки в профессии дизайнера, занимаясь самой передовой и востребованной отраслью — разработкой дизайна для мобильных приложений. 90 млрд приложений было загружено в 2016 году по всему миру, 5 место по числу загрузок заняла Россия, 33 приложения установлено...
Intermediate React

Intermediate React

en
Научитесь создавать масштабируемые приложения React с использованием инструментов и методов, доступных в экосистеме React. Вы будете тестировать свои компоненты React с помощью Jest, использовать CSS в JS, разделять код на React Loadable, использовать рендеринг на стороне сервера в React с Node...
[Перевод] [RU] Unreal Engine курс - Изучите C ++ и делайте игры

[Перевод] [RU] Unreal Engine курс - Изучите C ++ и делайте игры

ru
Узнайте, как создавать видеоигры с помощью Unreal Engine 4, бесплатной платформы для разработки игр, используемой студиями AAA класа и разработчиками indie по всему миру. Мы начинаем супер просто, поэтому вам не нужно никакого опыта в Unreal или программировании! С помощью наших онлайн-руководств...
Продвинутый курс GameDev: создаем полноценную игру для android

Продвинутый курс GameDev: создаем полноценную игру для android

ru
Пройдите курс по разработке игры, своим геймплеем напоминающую легендарную Flappy Bird, разработчик которой стал миллионером за короткий срок. В процессе прохождения курса GameDev мы с вами создадим полноценную игру, встроим в нее рекламный баннер AdMob и опубликуем в Google Play. Курс состоит...
Веб-скрапинг используя PhantomJS и CasperJS

Веб-скрапинг используя PhantomJS и CasperJS

en
Станьте лучшим разработчиком JavaScript и изучите Front-End тестирование. Мы будем использовать javascript, lodash и jquery для скрапинга. В этом курсе вы узнаете, как собирать данные с веб-страниц с помощью CasperJS. Этот курс состоит из 5 проектов, которые помогут вам в полной мере понять...
chat
logo