Cesta k v2: Prechod na React/NextJS a implementácia i18n

Úvod

V Gentlent neustále usilujeme o zlepšenie našich softvérových služieb a schopností webového vývoja. S nadšením začíname našu novú sériu blogov "Cesta k v2", kde budeme zdieľať cestu vývoja pri vydaní najnovšej verzie našich služieb. Táto nová verzia prináša množstvo vzrušujúcich funkcií a prepracovaní, pričom zachováva známy vzhľad a pocit. V tejto prvej časti série sa ponoríme do procesu prechodu z vanilla JavaScriptu na React/NextJS a implementácie internacionalizácie (i18n) na podporu viacerých jazykov.

Prečo prejsť na React/NextJS?

Keď naše služby narastali na komplexnosti, uvedomili sme si potrebu robustnejšieho a efektívnejšieho rámca na budovanie škálovateľných a udržiavateľných aplikácií. Po dôkladnom zvážení sme sa rozhodli pre React, populárnu JavaScriptovú knižnicu na tvorbu užívateľských rozhraní, a jej sprievodný rámec NextJS pre server-side rendering a smerovanie.

Rozhodnutie prijať React/NextJS prinieslo niekoľko výhod pre náš vývojový proces:

1. Architektúra založená na komponentoch: Reactov prístup založený na komponentoch nám umožňuje rozložiť zložité užívateľské rozhrania na znovupoužiteľné a spravovateľné časti. Táto modulárna štruktúra zlepšuje udržiavateľnosť kódu a podporuje znovupoužiteľnosť kódu v rôznych častiach našej aplikácie.
2. Efektívne vykresľovanie: NextJS ponúka server-side rendering (SSR), čo nám umožňuje predvykreslenie stránok na serveri, čo vedie k rýchlejšiemu úvodnému načítaniu strán a zlepšeniu výkonu. Toto zaisťuje bezproblémový užívateľský zážitok, najmä pre aplikácie s dynamickým obsahom.
3. Vylepšená skúsenosť vývojárov: React/NextJS poskytuje rozsiahly ekosystém knižníc, nástrojov a podpory komunity. Tento ekosystém umožňuje nášmu vývojovému tímu byť produktívnejším, dodávať kvalitný kód a využívať najlepšie postupy v odvetví.

Implementácia internacionalizácie (i18n)

Aby sme vyhoveli našej globálnej užívateľskej základni, uznali sme dôležitosť poskytovania viacjazyčnej podpory v našej aplikácii. Implementácia internacionalizácie (i18n) bola kľúčovým krokom v zjednodušení prístupu k našim službám a ich sprístupnení používateľom na celom svete.

Vlastná implementácia i18n

Aby sme dosiahli funkčnosť i18n, náš vývojový tím vytvoril vlastnú implementáciu prispôsobenú špecifickým potrebám našich služieb v Gentlent. Toto vlastné i18n riešenie nám umožňuje bezproblémovo spravovať preklady a podporovať viacero jazykov.

Nastavenie anglického a nemeckého jazyka

S naším vlastným riešením i18n sme začali tým, že sme v našej aplikácii povolili podporu pre anglický (en) a nemecký (de) jazyk. Vytvorili sme samostatné prekladové súbory pre každý jazyk, ktoré obsahujú všetky textové úryvky používané v celej aplikácii.

Načítanie jazykových zdrojov

Naša vlastná implementácia i18n poskytuje jednoduchý mechanizmus pre načítanie jazykových zdrojov na základe preferencií používateľa. Keď používateľ vyberie konkrétny jazyk, dynamicky načítame príslušný prekladový súbor a sprístupníme ho v celej aplikácii.

Prepínanie medzi jazykmi

Aby sme používateľom umožnili bezproblémovo prepínať medzi jazykmi, pridali sme funkciu prepínača jazykov do užívateľského rozhrania. Keď používateľ vyberie iný jazyk, aplikácia dynamicky aktualizuje obsah načítaním príslušného prekladového súboru a osvieži stránku novým jazykom. Nájdete to na spodku väčšiny stránok.

Rozšíriteľnosť: pridanie nových jazykov

Naša vlastná implementácia i18n bola navrhnutá s ohľadom na rozšíriteľnosť, čo nám umožňuje pridávať nové jazyky podľa toho, ako sa rozširuje naša užívateľská základňa. Pridanie nového jazyka je jednoduchý proces, ktorý zahŕňa vytvorenie nového prekladového súboru pre požadovaný jazyk a jeho integráciu do aplikácie.

Záver

V tejto prvej časti našej série "Cesta k v2" sme preskúmali cestu prechodu z vanilla JavaScriptu na React/NextJS a implementácie internacionalizácie (i18n) pomocou nášho vlastného riešenia v novej verzii našich služieb v Gentlent. Prijatím React/NextJS sme získali výhody architektúry založenej na komponentoch, efektívneho vykresľovania a vylepšenej skúsenosti vývojárov. Okrem toho naša vlastná implementácia i18n zaisťuje, že naše služby sú prístupné a užívateľsky prívetivé pre ľudí na celom svete.

Zostaňte naladení na ďalšiu časť našej série, kde sa ponoríme do vzrušujúcich nových funkcií a prepracovaní, na ktorých náš tím pracoval pre v2.

Ak máte akékoľvek otázky alebo spätnú väzbu, neváhajte nás kontaktovať. Vašu pokračujúcu podporu si vážime, keď sa snažíme poskytnúť našim používateľom čo najlepšiu skúsenosť.