Jamie's tech blog

The Blue Nowhere

[Frontend Note] Smoother multilingual frontend development with i18next/vue-i18n + Typescript

When the translation files get large and have lots of keys, Typescript can help!

I previously took over a frontend project with Chinese, Japanese, and English versions, where the translations had multiple levels of nesting. It was easy to mistype a single character during development, causing i18n to fail to find the key and the wrong text to show on screen.

[Frontend Note] Conventions for a React project

Project setup: React+Typescript+Webpack5+Eslint+Prettier

How to configure ESLint+Prettier in a React+Typescript+Webpack5 project?

[Frontend Note] Frontend engineering: ESLint + Prettier

Set up ESLint and Prettier as the foundation of your frontend project conventions

When working on a frontend team, having a basic set of conventions established up front makes code more readable, easier to maintain, and reduces friction during code review.

[Frontend Note] Two-timing the frontend: from Vue to React, the basics

Things to watch out for when crossing from Vue3 into a React project

Most of my work projects use Vue, and I'm pretty used to writing Vue. But people always look at the other bowl while eating from their own --- the freedom of React's JSX style has caught my eye too.