🇧🇷🇺🇸🇪🇸 React Multi Languages

Overview

🇧🇷 🇺🇸 🇪🇸 React Multi Languages

License

Tecnologias   |    Projeto   |    Como rodar   |    Licença


demo.mp4

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

Essa é uma simples aplicação React desenvolvida para exemplificar o uso de vários idiomas utilizando a biblioteca react-intl.

Você pode acessar o resultado final aqui.

🔧 Como rodar

É necessário ter instalado:

🗂 Faça um clone do projeto

$ git clone https://github.com/goncadanilo/react-multi-languages

📥 Instale as dependências

# Acesse o diretório do projeto
$ cd react-multi-languages

# Instale as dependências
$ yarn

Inicie a aplicação

$ yarn start

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.


Feito com by Danilo Gonçalves. Me adicione no LinkedIn 👋

You might also like...
🌎Type-safe internationalization and translation React library
🌎Type-safe internationalization and translation React library

Type-safe internationalization and translation React library Home - Documentation - Sandbox NEW: GZipped size 22.5Kb - 4.6Kb Asynchronous download of

Open-Source project made to auto translate react apps using i18next

open-source project made to auto translate react apps using i18next, this project should extract components text, translate, and replace it with i18n function, also it generates the json file for your target languages.

A simple ocr translator powered by avernakis react.
A simple ocr translator powered by avernakis react.

简介 文影 (Language Shadow) 是一个简单的翻译器,原理: 使用 OCR 识别指定区域,获得文字用于翻译。目前支持离线情况下,英文翻译成中文。 GUI 部分则是使用 Ave React 开发的。 演示视频见: 文影:实时英语字幕翻译 - 完全离线、免费且开源 发布 文影 (Langu

Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker.
Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker.

react-native-multi-selectbox Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker. The idea is to bring out the commo

React Native Date Picker is an inline datepicker for Android and iOS. It includes date, time and datetime picker modes. The datepicker is customizable and is supporting different languages. It's written with native code to achieve the best possible look, feel and performance. Codeone is a web app built on top of React which includes an IDE supporting multiple languages for programming in addition with a highly customizable Web Editor supporting real time changes
Codeone is a web app built on top of React which includes an IDE supporting multiple languages for programming in addition with a highly customizable Web Editor supporting real time changes

Codeone is a web app built on top of React which includes an IDE supporting multiple languages for programming in addition with a highly customizable Web Editor supporting real time changes

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.
Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Snippet Box is a simple self-hosted app for organizing your code snippets. It allows you to easily create, edit, browse and manage your snippets in various languages.

Practice code-typing with top 1000 keywords of the most popular programming languages.
Practice code-typing with top 1000 keywords of the most popular programming languages.

code-type Typing practice for programmers Practice code-typing with top 1000 keywords of the most popular programming languages. Getting Started These

A ReactJS input component that manages multiple languages
A ReactJS input component that manages multiple languages

React-translatable-input A ReactJS input component that manages multiple languages. $ npm install --save react-translatable-input Demo http://belkalab

This project is about building a web application to translate languages using language translator API.
This project is about building a web application to translate languages using language translator API.

Language Translator App A web application to translate multiple languages Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Inst

React Redux Multi-Step Signup Form. Created with React, Redux Toolkit, and SASS. Plus React Lazy Load for Component loading.
React Redux Multi-Step Signup Form. Created with React, Redux Toolkit, and SASS. Plus React Lazy Load for Component loading.

React Redux Multi-Step Signup Form. Created with React, Redux Toolkit, and SASS. Plus React Lazy Load for Component loading.

Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.
Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

Sweet React Native is a template for react native featuring Multi-language, Dark-Light Themes, Typescript, Context, Styled Components, Jest, Detox, Eslint, Husky, Prettier, and more.

A component for React that utilizes the Counterpart module to provide multi-lingual/localized text content.

React Translate Component Translate is a component for React that utilizes the Counterpart module and the Interpolate component to provide multi-lingu

A React multi-select component using Material-UI

A component to select multiple items from a list of options using the Material-UI Autocomplete component.

customizable multi-action-button component for react-native
customizable multi-action-button component for react-native

react-native-action-button customizable multi-action-button component for react-native Known Issues Doesn't Work While Android Debugging. See issue #7

A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.
A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

React Native Modals React Native Modals Library for iOS & Android. How to thank me ? Just click on ⭐️ button 😘 Try it with Exponent BREAKING CHANGE A

Simple multi-select component for react-native
Simple multi-select component for react-native

react-native-multiple-select Simple multi-select component for react-native (Select2 for react-native). Important notice I've been super busy with wor

Lightbox image image viewer for react with zoom, rotate and move feature with single or multi image 💡📦
Lightbox image image viewer for react with zoom, rotate and move feature with single or multi image 💡📦

Lightbox for react with zoom, rotate and move feature with touch support 💡📦

This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript

This AWS Ecommerce Website is a multi-tier ecommerce web application that uses React, HTML, typescript, and Javascript Outline Overview The goal of th

Owner
Danilo Gonçalves
Desenvolvedor Full Stack apaixonado por tecnologia 🚀
Danilo Gonçalves
Internationalization for react done right. Using the i18next i18n ecosystem.

react-i18next IMPORTANT: Master Branch is the new v10 using hooks. $ v10.0.0 npm i react-i18next react-native: To use hooks within react-native, you m

i18next 7.9k Dec 31, 2022
The monorepo home to all of the FormatJS related libraries, most notably react-intl.

FormatJS This repository is the home of FormatJS and related libraries. Slack: Join us on Slack at formatjs.slack.com for help, general conversation a

FormatJS 13.5k Jan 3, 2023
Universal internationalization (i18n) open source library for React

react-translate-maker React translation module. Internationalize your great project. This library is part of translate-maker. Star this project on Git

Cherry Projects 34 Aug 16, 2022
NodeJS module for extracting default i18n messages from a project files where using react-i18n-mini.

react-i18n-mini-parser NodeJS module for extracting default i18n messages from a project files where using react-i18n-mini. Example of usage npm i -D

Sanich 9 Jun 23, 2022
Simple i18n translation and localization components and helpers for React.

Simple i18n translation and localization components and helpers for React.

Sealninja 131 Dec 2, 2022
A tiny (<500 bytes) i18n library for React/Preact/Vue/Svelte

Nano Stores I18n Tiny and flexible JS library to make your web application translatable. Uses Nano Stores state manager and JS Internationalization AP

Nano Stores 141 Dec 21, 2022
User localization settings for React Native

user-localization-settings User localization settings for React Native. Installation // with expo expo install user-localization-settings // with yarn

Sara Pope 1 Mar 23, 2022
A tiny hook to manage translations in your React Application

TinyTranslate A tiny hook to manage translations in your React Application Install

Vinay M 2 Jan 20, 2022
Next.js internationalization with react-intl example

Next.js internationalization with react-intl example This project is a tutorial on how to do internationalization (i18n) in Next.js projects with buil

Localizely 7 Nov 5, 2022
i18nano - Lightweight translation module with functionality similar to react-i18next

i18nano Internationalization for the react is done simply. Lightweight translation module with functionality similar to react-i18next. Features Async

Anton Petrov 32 Nov 5, 2022