Тёмный
No video :(

Add Translations to Your Expo React Native App - Use Localizations to Bring Your App to more Users 

MissCoding
Подписаться 8 тыс.
Просмотров 16 тыс.
50% 1

Hi everyone!
Today I will show you how to add localizations to your Expo React Native app using two very simple and easy to use libraries; i18n and expo-localization. We will use expo-localisation to retrieve the locale the user has set their phone to which can be set against i18n to determine what translation to show. I will also show you how to configure i18n for fallbacks if certain languages don't have applicable translations and how to re-render the application with new locale settings if the user chooses to override the system language.
It is my hope that by sharing this with you, you will be able to provide users a better experience as they will be able to navigate your applications in a language that they are more familiar in so they may better understand how to use various features. You will also be able to tap into different markets that may have less apps available to them in a native language and thus be able to increase the exposure your app receives.
My code is available on GitHub:
github.com/che...
You can also find the full expo-localization documentation on expo here:
docs.expo.dev/...
You’ve clearly come here to learn and a free audible trial allows you to increase your learning potential in situations where you may be hands free like at the gym or on your commute. It allows you to spend more time on theory when you aren’t able to watch a screen, so that you can maximise your screen time to pick up technical skills. Try it for free today:
amzn.to/3ECMsom
// ABOUT ME
My name is Chelsea and I started studying software engineering in 2010. I have been working commercially full time since 2014 and have been in various positions from graduate developer to tech lead to solution architect.
I'm a full stack developer with a lot of experience in C# and Javascript but my passion is for mobile development; specifically native iOS development and cross platform using React Native.
I always have many things on the go and am always trying out a new side hustle and failing at it; perhaps you can learn from my mistakes!
Please like and subscribe if you enjoyed this video and want to see more like it!
Have any suggestions on topics you would like to learn more about? Please suggest them in the comments... I would love to help you out while doing a bit of learning myself!
// PRODUCTS USED
I use the following products in the creation of my videos:
Boya MM1 Microphone - amzn.to/3m6kif7
A reasonable quality and reasonably sturdy but cost effective microphone that can be used by both DSLR cameras, mobile phones and laptops
Canon 18-55mm Lens - amzn.to/3IwscFR
A kit lens but a decent quality lens for beginners getting used to a DSLR
Canon EOS Rebel T7 with 18-55mm Lens - amzn.to/3XZauAL
This is the kit I started with it includes the lens linked above and is a great starter camera.
I love Apple devices... These are the ones I use for my channel content creation:
Apple iPhone 13 - amzn.to/3KAUba4
A good all round phone, good for Apple development and recording videos with enough high quality features but at a cheaper price point than the pro versions.
Apple MacBook Pro - amzn.to/3KxrE5q
A nice portable computer for working from anywhere and perfect for iOS development
Apple iPad Air - amzn.to/3xU2k21
Really easy to use for graphic design if required for logos as part of my app development or editing the videos on the go.
Apple Pencil (2nd Generation) - amzn.to/3EBSwNS
For logo and icon design in Affinity Designer app for iPad
Logitech Folio Keyboard Touch - amzn.to/3XUYBM1
Adds keyboard and touchpad to iPad Air, making it easier to use for writing code/eBooks etc. on the go!
DISCLAIMER: Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide I may receive a small commission. There is no additional charge to you! Thank you for supporting my channel so I can continue to provide you with free content each week!
//CONTACT:
Please contact me at: hello@tripwiretech.com
//CRAVING MORE:
You can find links to all my different sites and social media over on Linktree: linktr.ee/miss...

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 27   
@mohammedelborawi3848
@mohammedelborawi3848 Год назад
Great video, better than million tutorials, yesterday I browsed the web could not find an answer to my issue, until I found your video, simplest most useful tutorial using react native and expo, thank you very much.
@MissCoding
@MissCoding Год назад
Glad it helped, hope to be of use for more expo react native tutorials in the future 🤞
10 дней назад
It was a very good and helpful video!. I got a question. What about if I dont wanna have several languages in my App, only Spanish. I'm asking this cuz I coded my app in Spanish, but when I submitted to the AppStore, the AppStore says: Language: English. Is there a way to set only one languaje? Thanks in advance
@hmleao
@hmleao 11 месяцев назад
One more sub, keep getting to your excellent tutorials.
@shakatalka9864
@shakatalka9864 Год назад
For some reason I get an error as soon as I enter i18n.fallbacks = true. The error says undefined is not an object when evaluating to true. Im using dev-client and built it with the dependancies. Any idea on how to fix this to get it working?
@user-mk1vp4ve6r
@user-mk1vp4ve6r Год назад
Do we need to define all the translation steps on every component, turns out setting it on the app component doesn't actually reflects on other components. Do you have a resource for apps which are not using expo?
@AigleLee18
@AigleLee18 Год назад
Great and clear tutorial, thank you
@mustafaalajmi2489
@mustafaalajmi2489 Год назад
Create a video how to use i18n & redux for multi-pages apps
@thesmartideas4246
@thesmartideas4246 2 года назад
This is what m looking today
@MissCoding
@MissCoding 2 года назад
If you need something I didn’t cover like currency or number formatting let me know and I can create a part 2!
@thesmartideas4246
@thesmartideas4246 2 года назад
@@MissCoding I am very thankful to you if you create a video on how to upload an image in expo display it and save the URI in MongoDB. Thanks in advance.
@bilelrahmouni01
@bilelrahmouni01 Год назад
@@thesmartideas4246 use Multer
@bjarki78
@bjarki78 2 года назад
Great video, but in most cases you would create an app with more than one screen, so how would you pass the chosen language between the screens?
@cbyou5402
@cbyou5402 2 года назад
redux
@JorgeGarcia-ox3ev
@JorgeGarcia-ox3ev 2 года назад
Most likely you would like to pass this kind of information as context. Check the createContext function from React
@gokhanaydemir466
@gokhanaydemir466 Год назад
Redux/Context/AsyncStorage/Caches you have plenty of options out there
@yashvardhantyagi3646
@yashvardhantyagi3646 11 месяцев назад
Why am i giving translations for every language, it should convert the text on its own. I should only give the language for the variable
@thesmartideas4246
@thesmartideas4246 2 года назад
Thank you so much
@csrit8462
@csrit8462 2 года назад
React native track player using expo Pls make a video
@goodpanda4082
@goodpanda4082 2 года назад
(imported as 'i18n') was not found in 'i18n-js' err
@benwalton2735
@benwalton2735 Год назад
This video is using the old version of i18n. I'm having the same issue. Have you found any updated videos or example using the new version 4 of i18n?
@gilmarapimentel2942
@gilmarapimentel2942 Год назад
Using i18n version 4, getting i18n as 'undefined' as well
@gouravnainwaya5669
@gouravnainwaya5669 2 года назад
plZZ make vpn app with source code and function components
@mletada
@mletada Год назад
I got error undefined is not an object (evaluating '_i18nJs.i18n.fallbacks = true')
@MrAkhilpramod
@MrAkhilpramod Год назад
i am also getting this error.. how did you fix it ??
@UnKnown-ur9fq
@UnKnown-ur9fq Год назад
it doesn't work today
Далее
React Native vs Flutter - Which should you use?
22:31
Mobile Devs Hate Servers. Expo Wants To Fix That.
16:05
Can You Bend This Bar?
01:00
Просмотров 4,5 млн
The Most Legendary Programmers Of All Time
11:49
Просмотров 552 тыс.
Generating a PDF File from Expo React Native App
6:06
Moving Off React Native
20:50
Просмотров 189 тыс.
5 React Native Tips to WOW Your Users
16:36
Просмотров 21 тыс.
Can You Bend This Bar?
01:00
Просмотров 4,5 млн