Tutorials Programming Tutorials, Guides & Best Practices

This ensures your SSH client pings the server regularly.

✅ That’s it. With these changes, your SSH session will stay alive and won’t drop after just a minute.

• How to structure language-specific routes
• How to integrate URL translation with react-router-dom
• How to switch routes with language changes
• Bonus: how to integrate with react-i18next

Start with a React project (you can use CRA or Vite):

document.documentElement.setAttribute('dir', i18n.language === 'ar' ? 'rtl' : 'ltr');

• Use locale-sensitive images and icons

If you don’t have a project yet, initialize a new one:

npx create-react-app react-i18n-demo
cd react-i18n-demo

Then start the host app (React):

cd app-shell
npx webpack serve