Skip to main content

7 posts tagged with "typescript"

View All Tags

· 6 min read
Jan Cizmar 🧑🏻‍💻

It's the year 2023, and most of the companies developing localized apps spend a massive amount of time and money on localization. For the uninitiated, localization might look simple. But it's not. Until now, the results of machine translators were not good enough to be used in public-facing apps. But that's about to change.

Cover

· 9 min read
Jan Cizmar 🧑🏻‍💻

When we did a market analysis in Tolgee, we asked many companies how they solved localization in their project. We asked them what's their i18n tooling. Surprisingly a lot of companies maintain their custom solution. I've also set up f5bot to e-mail me when the i18n keyword appears in posts or comments on Reddit. Again, a lot of people share their custom i18n libraries or solutions. In this article, I want to explain why I recommend against creating your custom solution and show what challenges you will face when you decide to do so.

Don't create your custom i18n solution

· 6 min read
Štěpán Granát

Turborepo

Two months ago, I was looking for a solution how to speed up pipeline in our monorepo. As an immediate answer I found basically two alternatives Nx (from Google) and Turborepo as a new cool project from well known opensource author (Jared Palmer). I was immediately drawn towards Turborepo as it was really hyped everywhere. Also, it is quite minimalistic, simple to use and it looked like exact fit for our use-case. So I got into it.

· 6 min read
Jan Cizmar 🧑🏻‍💻

Most of the information systems using user authentication also work with some kind of avatars - images enabling other users to see who commented, posted or made anything else in the system. When we want to be able to show user avatars, we need to enable users to upload their avatar or generate some default. In this article I am going to show you how to:

  • generate user avatar by their unique ID using jdenticon
  • select avatar from file
  • crop selected avatar using cropper.js and react-cropper libraries

· 9 min read
Jan Cizmar 🧑🏻‍💻

So you develop an app in React and you want many users to use it, right? To make your app usable for users in foreign countries, you have to translate your App to their languages. 🇬🇧 🇨🇳 🇮🇹 🇪🇸 🇫🇷

In this article, I am going to show you, how to integrate i18next and Tolgee into your project and how easy and fast you can translate a React app using these tools.

Tolgee has also its native integrations. Which are a bit easier to set up, so if you're not used to i18next, maybe it would be easier for you to start with those.

· 6 min read
Štěpán Granát

Thumbnail

In Tolgee localization platform, we manage translations. So our most important view is a list of translations, every row contains key and related translations in different languages. As this view serves multiple purposes, we have quite a lot of requirements and fulfilling all of them required quite a bit of optimizations, which I'd like to share with you today.