DEV Community

Cover image for I18n and React, a simple and easy solution
John B
John B

Posted on

3

I18n and React, a simple and easy solution

package

Internationalization can be a headache and is oftentimes heavy; both in terms of code size and overhead.

With this in mind, I wrote a very simple, lightweight package for react (7.1kB minified, no dependencies).

Unconventional features:

Backend independent

It can be linked to any backend. I assume here that the list of translations is stored somewhere on the internet (typically served from the backend).

Once loaded, the list of translations is stored in the local storage so that the application can be reloaded quickly.

Untranslated strings

I have always found it hard to know which strings were translated and which were not. With this package, we store all the untranslated strings in an array in the local storage, so that you can see at anytime all the missing strings - all you need to do is browse through the application.

Features

  • n languages
  • string interpolation
  • typescript
  • 0 dependencies
  • Built with react in mind, but can be used with any JS framework.

Get it!

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Postgres on Neon - Get the Free Plan

No credit card required. The database you love, on a serverless platform designed to help you build faster.

Get Postgres on Neon

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay