Localization In React - Make Your Websites International | React Translations Tutorial (React-18n)

Поделиться
HTML-код
  • Опубликовано: 4 фев 2025

Комментарии • 33

  • @Lohitpant
    @Lohitpant 2 месяца назад +1

    Great video!! I dont need to make my app localized but I am just watching this to learn.
    What I did was when you were writing for Portuguese language, I did it for Hindi language and I think thats a good way to learn while watching these tutorials.

  • @mfiocca
    @mfiocca Месяц назад +1

    i think i would have done the right / direction / correctness the other way around as ‘right.correctness’ and ‘right.direction’ putting the more general keyword first then drilling down into the specific keyword. but this was a great video. thanks for sharing!

  • @VinciJeremy789
    @VinciJeremy789 8 месяцев назад +3

    Thank you so much for what you did in past years.....💚

  • @CptJuke
    @CptJuke 11 дней назад

    Very nice video, thank you! How would you go about to create a button in a navbar for example to choose the language you want to translate to?

  • @bryantony9836
    @bryantony9836 2 месяца назад

    Thank You @PedroTech, I needed this.

  • @ahsas09sharma
    @ahsas09sharma 5 месяцев назад

    Thank you for this brilliantly explained and concise tutorial!

  • @ValeriiLutiy
    @ValeriiLutiy 8 месяцев назад +5

    Dude, are you kidding me, I was watching localization tutorials yesterday and today you're releasing a video, are you following me?

  • @rickysambora8321
    @rickysambora8321 2 месяца назад

    thanks a lot, im following you from the react series video and ended up here. however it's a bit disappointed to end it here. I mean, just a little bit more deeper. maybe you could give explanation like changing lang with buttons too instead of based on browser lang which i think pretty good. anyway good video 😁

  • @haristahir3530
    @haristahir3530 2 месяца назад +1

    but if i have big application and data is dynamic what i do?

  • @togya4
    @togya4 8 месяцев назад

    Omg finally someone good talked about it

    • @togya4
      @togya4 8 месяцев назад

      But please make a vid about it using nextjs, this won't help to much with react

  • @jennifermagpantay7933
    @jennifermagpantay7933 5 месяцев назад

    Another great content!!

  • @codeWithShahidul
    @codeWithShahidul 3 месяца назад

    It was helpful. Thanks a lot

  • @CodeYourLife-zx3et
    @CodeYourLife-zx3et 8 месяцев назад

    Thank you @pedroTech, but can you please provide for us the React Native full course

  • @youcan4149
    @youcan4149 8 месяцев назад +5

    The way you showed is manually. It's really hard to write for each and every word on the web application if the project is bigger in size. Is there anyway to automate or dynamic way?

    • @nityomtikhe7703
      @nityomtikhe7703 8 месяцев назад

      we can use google translate to translate it to any language

    • @PedroTechnologies
      @PedroTechnologies  8 месяцев назад +2

      I understand your point! I mention this in the video, companies do it manually because using something like google translate can lead to errors due to poor contextualization and personalized words. But you can indeed use translation through google translate. I mean, the browser itself auto translates for you if you click on the settings

    • @youcan4149
      @youcan4149 8 месяцев назад

      @@PedroTechnologies got it, thank you for the wonderful tutorial.

    • @youcan4149
      @youcan4149 Месяц назад

      @@PedroTechnologies What about dynamic content? How to translate if I am fetching an api and mapping an array with useState and if it's an array of objects?

  • @ivangechev4243
    @ivangechev4243 6 месяцев назад

    The way we do it we have objects containing all the labels for each page in two or more languages and user can change the language from a combobox, but it´s so much work to do all these labels and it´s really boring, but that´s the part of the game i guess.

  • @DaPaBe1999
    @DaPaBe1999 8 месяцев назад

    Recientemente use react-intl para una app de escritorio, cargar desde codigo/assets me ha servido muchisimo

  • @uzayrgaffar9529
    @uzayrgaffar9529 8 месяцев назад +2

    What about asking the user what language they would like to use from a select few options, storing it in a useState and passing it throughout the app with a useContext, and writing the translations using ternary operators?

  • @LobsterNoodles
    @LobsterNoodles 8 месяцев назад

    What theme/plugin are you using for your code's text colour?

    • @desphixs
      @desphixs 5 месяцев назад

      I think it's dracula

  • @mateussoares7599
    @mateussoares7599 8 месяцев назад

    ur just reading my mind at this point

  • @iamparmjeetmishra
    @iamparmjeetmishra 8 месяцев назад

    Thanks for this amazing lesson.

  • @MegaZeeeh
    @MegaZeeeh 8 месяцев назад +1

    At least you're not looking for ISP and/or region, but browser settings. But the moment you link a country to a language, it's over for me and about 25% of the country I live in. It's also a major problem in Switzerland, Belgium and other multi-linguistic countries, not to mention expats and travelers.

  • @raviel_0422
    @raviel_0422 8 месяцев назад

    Hi Pedro.

  • @nourkaoubi3917
    @nourkaoubi3917 7 месяцев назад

    Pedro, Pedro, Pedro, Pe'

  • @qocayevmurad222
    @qocayevmurad222 8 месяцев назад +1

    🎉👍🏻

  • @zachfenton608
    @zachfenton608 8 месяцев назад

    Muito obrigado

  • @NoOverXplain
    @NoOverXplain 8 месяцев назад +1

    Tooo slow tutorial