Next.js'ni bosqichma-bosqich joriy etish: Global jamoalar uchun freymvorkni asta-sekin ko'chirish strategiyasi

Veb-dasturlash landshafti doimiy ravishda rivojlanib bormoqda, unda yuqori samaradorlik, yaxshilangan dasturchi tajribasi va yaxshiroq texnik xizmat ko'rsatishni taklif qiluvchi yangi freymvorklar va kutubxonalar paydo bo'lmoqda. Mashhur React freymvorki bo'lgan Next.js o'zining Server-Tomonidan Rendering (SSR), Statik Sayt Generatsiyasi (SSG), Inkremental Statik Regeneratsiya (ISR) va API marshrutlari kabi kuchli xususiyatlari bilan katta e'tiborni tortdi. Ko'pgina tashkilotlar, ayniqsa, mavjud kod bazalariga ega bo'lganlar uchun, resurs cheklovlari, loyiha muddatlari yoki mavjud dasturning keng miqyosliligi tufayli Next.js'ni qabul qilish uchun to'liq qayta yozish qo'rqinchli yoki hatto imkonsiz bo'lib tuyulishi mumkin.

Yaxshiyamki, Next.js'ni qabul qilish "hammasi yoki hech narsa" tamoyili bo'yicha bo'lishi shart emas. Bosqichma-bosqich joriy etish strategiyasi jamoalarga mavjud loyihalariga asta-sekin Next.js'ni kiritish imkonini beradi, bu esa davom etayotgan ishlanmalarni buzmasdan yoki loyiha barqarorligini xavf ostiga qo'ymasdan uning afzalliklaridan foydalanish imkonini beradi. Bu yondashuv, ayniqsa, turli xil texnik steklar, yangi texnologiyalar bilan tanishlik darajasining har xilligi va taqsimlangan ishlanma jarayonlari har qanday migratsiyaga murakkablik qo'shishi mumkin bo'lgan global jamoalar uchun juda qimmatlidir.

Nima uchun Next.js'ni bosqichma-bosqich joriy etishni o'ylab ko'rish kerak?

Butun bir dasturni yangi freymvorkka ko'chirish katta vazifadir. Bosqichma-bosqich joriy etish quyidagi yo'llar bilan jozibador muqobil taklif qiladi:

• Xavfni minimallashtirish: Next.js'ni kichikroq, boshqariladigan qismlarga bo'lib joriy etish orqali jamoalar yuzaga kelishi mumkin bo'lgan muammolarni erta aniqlashi va hal qilishi mumkin, bu esa keng ko'lamli nosozliklar yoki uzilishlar xavfini sezilarli darajada kamaytiradi.
• Afzalliklarni bosqichma-bosqich joriy qilish: Jamoalar Next.js'ning afzalliklaridan – masalan, yaxshilangan samaradorlik, SEO va dasturchi tajribasi kabi – dasturning ma'lum xususiyatlari yoki bo'limlarida darhol foydalanishni boshlashlari mumkin, tizimning qolgan qismi esa o'z holicha ishlashda davom etadi.
• O'rganish jarayonini boshqarish: Asta-sekin joriy etish dasturchilarga Next.js tushunchalari va eng yaxshi amaliyotlari bilan o'z tezligida tanishish imkonini beradi, bu esa o'rganish jarayonini silliqroq qiladi va dastlabki chalkashlikni kamaytiradi.
• Resurslarni optimallashtirish: To'liq qayta yozish uchun katta, ixtisoslashgan jamoani ajratish o'rniga, resurslarni yanada moslashuvchan taqsimlash, Next.js ishlanmasini mavjud texnik xizmat ko'rsatish va xususiyatlarni ishlab chiqish bilan birga olib borish mumkin.
• Mavjud tizimlar bilan osonroq integratsiya: Next.js moslashuvchan bo'lishi uchun ishlab chiqilgan va ko'pincha katta dastur ichida eski texnologiyalar yoki boshqa freymvorklar bilan birga mavjud bo'lishi mumkin.

Next.js'ni bosqichma-bosqich joriy etishning asosiy tamoyillari

Muvaffaqiyatli bosqichma-bosqich migratsiya bir nechta asosiy tamoyillarga tayanadi:

• Aniq maqsadlarni belgilang: Next.js bilan qanday aniq afzalliklarga erishmoqchisiz? Mahsulot sahifalari uchun yuklanish vaqtini yaxshilashmi? Blog kontenti uchun yaxshiroq SEOni ta'minlashmi? Yangi funksiya moduli uchun dasturchi unumdorligini oshirishmi? Aniq belgilangan maqsadlar sizning joriy etish strategiyangizga yo'nalish beradi.
• Migratsiya nomzodlarini aniqlang: Dasturingizning barcha qismlari migratsiya uchun teng nomzod emas. Ajratib olinishi mumkin bo'lgan yoki Next.js xususiyatlaridan sezilarli darajada foyda ko'radigan sohalarni qidiring.
• Aloqa kanallarini o'rnating: Ayniqsa, global jamoalar uchun ochiq va izchil aloqa juda muhim. Barcha manfaatdor tomonlar migratsiya rejasi, jarayoni va duch kelingan har qanday qiyinchiliklardan xabardor ekanligiga ishonch hosil qiling.
• Sinov va joylashtirishni avtomatlashtiring: Har qanday migratsiya uchun mustahkam CI/CD quvurlari juda muhimdir. Avtomatlashtirilgan testlar va soddalashtirilgan joylashtirish jarayoni yangi Next.js komponentlarini integratsiya qilishda sizga ishonch bag'ishlaydi.
• Dasturchi tajribasiga ustuvorlik bering: Next.js bu sohada a'lo darajada. Joriy etish strategiyangiz sizning dasturlash jamoalaringiz uchun, ularning geografik joylashuvidan qat'i nazar, bu yutuqlarni maksimal darajada oshirishini ta'minlang.

Next.js'ni bosqichma-bosqich ko'chirish strategiyalari

Mavjud loyihaga Next.js'ni asta-sekin kiritishning bir nechta samarali strategiyalari mavjud:

1. "Mikro-Frontend" yondashuvi (Next.js mikro-ilova sifatida)

Bu, shubhasiz, bosqichma-bosqich joriy etishning eng mashhur va mustahkam usulidir. Siz o'zingizning Next.js dasturingizni mavjud monolit yoki boshqa mikro-frontendlar bilan integratsiyalashgan mustaqil mikro-ilova sifatida ko'rib chiqishingiz mumkin.

U qanday ishlaydi:

Siz o'zingizning Next.js dasturingizni alohida joylashtirasiz. Keyin, mavjud dasturingizdan (masalan, eski React ilovasi, Angular yoki hatto JavaScript bo'lmagan frontend) siz Next.js dasturiga havolalar yaratasiz yoki uni alohida marshrut yoki bo'lim sifatida joylashtirasiz. Bu ko'pincha quyidagilarni qo'llashni o'z ichiga oladi:

• Server-Tomonidan Marshrutlash: Asosiy dasturingiz serverini foydalanuvchilar ma'lum marshrutlarga (masalan, `/new-features/*`) o'tganda so'rovlarni Next.js ilovasiga proksi qilish uchun sozlang.
• Kliyent-Tomonidan Marshrutlash (ehtiyotkorlik bilan): Ba'zi hollarda, mavjud frontendingizdagi ma'lum marshrutlarda Next.js dasturini dinamik ravishda yuklash va o'rnatish uchun JavaScript'dan foydalanishingiz mumkin. Buni boshqarish ancha murakkab bo'lishi mumkin.

Afzalliklari:

• To'liq izolyatsiya: Next.js ilovasi mustaqil ishlaydi, bu esa turli texnologik steklar, qurish jarayonlari va joylashtirish jadvallariga imkon beradi.
• Maksimal Next.js xususiyatlari: Siz migratsiya qilingan bo'limda Next.js'ning SSR, SSG, ISR va marshrutlash imkoniyatlaridan to'liq foydalanishingiz mumkin.
• O'zaro bog'liqlikning kamayishi: Next.js ilovasidagi o'zgarishlar eski dasturga ta'sir qilish ehtimoli kamroq.

Global jamoalar uchun mulohazalar:

Next.js mikro-ilovasi uchun joylashtirish infratuzilmasi foydalanuvchilaringiz ishlaydigan barcha hududlarda mavjud va yaxshi ishlashiga ishonch hosil qiling. Next.js tomonidan yaratilgan statik aktivlar uchun CDN'lardan foydalanishni ko'rib chiqing.

Misol:

Katta elektron tijorat platformasi eski JavaScript freymvorkida qurilgan deb tasavvur qiling. Marketing jamoasi a'lo darajadagi SEO imkoniyatlariga ega bo'lgan yangi, yuqori samarali blog bo'limini ishga tushirmoqchi. Ular ushbu blogni Next.js yordamida qurishlari va uni alohida dastur sifatida joylashtirishlari mumkin. Asosiy elektron tijorat sayti keyin to'g'ridan-to'g'ri Next.js blog dasturiga yo'naltiruvchi `/blog/*` ga havola berishi mumkin. Foydalanuvchilar tez, zamonaviy blogni ko'rishadi, asosiy elektron tijorat funksionalligi esa o'zgarishsiz qoladi.

2. Mavjud React ilovasida ma'lum Next.js sahifalarini qabul qilish

Agar sizning mavjud dasturingiz allaqachon React bilan qurilgan bo'lsa, siz alohida React komponentlarini yoki sahifalarini Next.js'ning marshrutlash va rendering imkoniyatlariga ko'chirish orqali Next.js'ni bosqichma-bosqich qabul qilishingiz mumkin.

U qanday ishlaydi:

Bu ko'proq o'zaro bog'liq yondashuvni o'z ichiga oladi. Siz quyidagilarni qilishingiz mumkin:

• Next.js bilan yangi sahifalar yaratish: Yangi xususiyatlar yoki bo'limlar uchun ularni to'liq Next.js loyihasi ichida quring.
• Ilovalar o'rtasida marshrutlash: Mavjud React ilovangizda Next.js ilovasi tomonidan boshqariladigan ma'lum marshrutlarga o'tish uchun kliyent-tomonidan marshrutlashdan (masalan, React Router) foydalaning yoki aksincha. Bu umumiy holat va autentifikatsiyani diqqat bilan boshqarishni talab qiladi.
• Next.js komponentlarini joylashtirish (Ilg'or daraja): Murakkabroq stsenariylarda siz hatto Next.js komponentlarini mavjud React dasturingizga joylashtirishga harakat qilishingiz mumkin. Bu juda ilg'or usul bo'lib, React versiyalari, kontekst va rendering hayotiy sikllaridagi potentsial ziddiyatlar tufayli odatda tavsiya etilmaydi.

Afzalliklari:

• Uzluksiz foydalanuvchi tajribasi: Agar yaxshi boshqarilsa, foydalanuvchilar turli dastur tuzilmalari o'rtasida harakatlanayotganini sezmasligi ham mumkin.
• Mavjud React bilimlaridan foydalanish: React bilan allaqachon tanish bo'lgan dasturchilar uchun bu o'tish silliqroq bo'ladi.

Global jamoalar uchun mulohazalar:

Umumiy holatni, foydalanuvchi autentifikatsiyasini va sessiya boshqaruvini ikki xil React kontekstida (biri eski ilovada, ikkinchisi Next.js'da) boshqarish taqsimlangan jamoalar uchun qiyin bo'lishi mumkin. Ma'lumotlar va foydalanuvchi sessiyalari qanday boshqarilishi bo'yicha aniq protokollarni o'rnating.

Misol:

Global SaaS kompaniyasining foydalanuvchi hisoblarini va sozlamalarini boshqarish uchun asosiy React ilovasi mavjud. Ular uning ma'lumotlarni olish imkoniyatlari va sahifa optimallashtirishidan foydalanish uchun Next.js yordamida yangi, interaktiv boshqaruv paneli (dashboard) xususiyatini qurishga qaror qilishadi. Ular Next.js tomonidan boshqariladigan `/dashboard` marshrutini yaratishlari va o'zlarining asosiy React ilovasida ushbu marshrutga o'tish uchun React Router'dan foydalanishlari mumkin. Asosiy ilovadan olingan autentifikatsiya tokeni Next.js ilovasiga xavfsiz tarzda uzatilishi kerak bo'ladi.

3. Muayyan xususiyatlar yoki modullarni ko'chirish

Ushbu strategiya monolit dasturdan ma'lum bir xususiyat yoki modulni ajratib olish va uni Next.js yordamida qayta qurishga qaratilgan.

U qanday ishlaydi:

Ajratib olinishi mumkin bo'lgan mustaqil xususiyatni (masalan, mahsulot tafsilotlari sahifasi, foydalanuvchi profili tahrirlovchisi, qidiruv komponenti) aniqlang. Ushbu xususiyatni Next.js ilovasi yoki Next.js sahifalari to'plami sifatida quring. Keyin, mavjud dasturni ushbu yangi Next.js moduliga murojaat qilish uchun o'zgartiring.

Afzalliklari:

• Maqsadli yaxshilanishlar: Next.js'ni qabul qilish uchun eng katta sarmoya daromadini taklif qiladigan sohalarga e'tibor qarating.
• Osonroq ajratish: Agar xususiyat allaqachon nisbatan mustaqil bo'lsa, uni ko'chirish uchun texnik harakatlar kamayadi.

Global jamoalar uchun mulohazalar:

Ko'chirilgan xususiyat tomonidan ishlatiladigan har qanday API yoki backend xizmatlari Next.js muhitidan va barcha foydalanuvchilar uchun mavjud va samarali ekanligiga ishonch hosil qiling. Eski va yangi modullar o'rtasidagi ma'lumotlar izchilligi juda muhimdir.

Misol:

Yirik media kompaniyasining eski freymvorkda qurilgan kontentni boshqarish tizimi (CMS) mavjud. Maqola tafsilotlari sahifalari sekin yuklanish va yomon SEOdan aziyat chekadi. Ular faqat maqola tafsilotlari sahifalarini Next.js yordamida qayta qurishga qaror qilishadi va samaradorlik hamda SEO uchun SSG'dan foydalanadilar. Shundan so'ng CMS maqola URL'larini yangi Next.js'da ishlaydigan maqola sahifalariga yo'naltiradi. Bu butun CMS'ga tegmasdan foydalanuvchi uchun sezilarli yaxshilanishni ta'minlaydi.

4. Next.js bilan "Strangler Fig" (Bo'g'uvchi anjir) namunasi

"Strangler Fig" namunasi, dasturiy ta'minot arxitekturasidagi tushuncha, asta-sekin migratsiya uchun juda samarali usuldir. G'oya vaqt o'tishi bilan eski tizimni "bo'g'ib qo'yadigan" yangi tizimni asta-sekin yaratishdir.

U qanday ishlaydi:

Mavjud dasturingiz oldida proksi qatlamini (ko'pincha API shlyuzi yoki maxsus marshrutlash xizmati) o'rnatasiz. Siz yangi xususiyatlarni qurayotganingizda yoki mavjudlarini Next.js'ga ko'chirayotganingizda, proksini ushbu maxsus marshrutlar yoki xususiyatlar uchun trafikni yangi Next.js dasturingizga yo'naltirish uchun sozlang. Vaqt o'tishi bilan, tobora ko'proq trafik Next.js tizimiga yo'naltiriladi va oxir-oqibat eski tizim hech qanday so'rovlarni bajarmaydi.

Afzalliklari:

• Nazorat qilinadigan o'tish: Trafikning juda aniq va nazorat qilinadigan o'tishiga imkon beradi.
• Xavfni kamaytirish: Yangi tizim to'liq tayyor bo'lguncha va isbotlanmaguncha eski tizim ishlayveradi.
• Bosqichma-bosqich xususiyatlarni joriy etish: Yangi funksionalliklarni Next.js'da qurish va joylashtirish mumkin, eski xususiyatlar esa eski tizim tomonidan taqdim etiladi.

Global jamoalar uchun mulohazalar:

Agar foydalanuvchilaringiz butun dunyo bo'ylab tarqalgan bo'lsa, proksi qatlami mustahkam va geografik jihatdan taqsimlangan bo'lishi kerak. Trafikni yo'naltirishda proksining samaradorligi juda muhim. Ushbu proksi qatlamining konfiguratsiyasini turli mintaqaviy joylashtirishlar bo'yicha boshqarish kuchli CI/CD va konfiguratsiyani boshqarish strategiyasini talab qiladi.

Misol:

Global moliyaviy xizmatlar firmasi butun dunyo bo'ylab millionlab foydalanuvchilarga xizmat ko'rsatadigan murakkab, monolit dasturga ega. Ular o'zlarining foydalanuvchi interfeysini Next.js yordamida modernizatsiya qilishga qaror qilishadi. Ular butun dastur oldida turadigan API shlyuzini joriy qiladilar. Dastlab, barcha trafik monolitga boradi. Keyin ular hisob boshqaruvi uchun yangi Next.js mijoz portalini quradilar. API shlyuzi `/accounts/*` uchun barcha so'rovlarni yangi Next.js portaliga yo'naltirish uchun sozlangan. `/transactions/*` yoki `/support/*` kabi boshqa bo'limlar uchun so'rovlar eski tizimga borishda davom etadi. Ko'proq modullar Next.js'ga ko'chirilgach, API shlyuzining marshrutlash qoidalari yangilanadi va asta-sekin eski monolitni "bo'g'ib qo'yadi".

Bosqichma-bosqich joriy etish uchun texnik mulohazalar

Qaysi strategiya tanlanishidan qat'i nazar, bir nechta texnik jihatlar puxta rejalashtirishni talab qiladi:

1. Marshrutlash va Navigatsiya

Foydalanuvchilar dasturingizning eski qismlari va yangi Next.js bo'limlari o'rtasida qanday harakatlanadilar? Bu muhim qaror. URL tuzilmasi va foydalanuvchi tajribasida izchillikni ta'minlang. Agar alohida joylashtirishlardan foydalansangiz, chuqur havolalarni (deep linking) qanday boshqarishni o'ylab ko'ring.

2. Holatni boshqarish va ma'lumotlar almashinuvi

Agar dasturingizda umumiy holat (masalan, foydalanuvchi autentifikatsiyasi holati, xarid savatchasi tarkibi) mavjud bo'lsa, ushbu holatni eski dastur va Next.js modullari o'rtasida almashish strategiyasi kerak bo'ladi. Bunga quyidagilar kirishi mumkin:

• Veb-saqlash API'lari (localStorage, sessionStorage): Asosiy ma'lumotlar uchun oddiy, ammo cheklovlari bo'lishi mumkin.
• Umumiy backend xizmatlari: Ikkala dastur ham bir xil backend API'laridan ma'lumotlarni olishi va yangilashi mumkin.
• Maxsus hodisa tinglovchilari/Xabar navbatlari: Murakkabroq ilovalararo aloqa uchun.
• JWT/Token-asosidagi autentifikatsiya: Turli dastur kontekstlari o'rtasida autentifikatsiya tokenlarini xavfsiz uzatish muhim.

3. Autentifikatsiya va Avtorizatsiya

Uzluksiz autentifikatsiya tajribasini ta'minlang. Agar foydalanuvchi eski dasturga kirgan bo'lsa, ular ideal holda qayta autentifikatsiyasiz Next.js bo'limlariga ham kirishi kerak. Bu ko'pincha autentifikatsiya tokenlari yoki sessiya ID'larini uzatishni o'z ichiga oladi.

4. Uslublar va Mavzular

Dasturingizning turli qismlarida izchil ko'rinish va hissiyotni saqlab qolish juda muhim. CSS modullarini almashish, ikkala dastur ham rioya qiladigan dizayn tizimidan foydalanish yoki ikkala muhitda ishlaydigan mavzu yechimini joriy qilish to'g'risida qaror qabul qiling.

5. Qurish va joylashtirish quvurlari

Sizga Next.js dasturingiz uchun alohida qurish va joylashtirish quvurlari kerak bo'lishi mumkin. Ularning mavjud CI/CD jarayonlaringiz bilan silliq integratsiyalashishini ta'minlang. Global jamoalar uchun joylashtirish maqsadlari va chekka tarmoq imkoniyatlarini hisobga oling.

6. Xatolarni qayta ishlash va monitoring

Dasturingizning ham eski, ham Next.js qismlari uchun mustahkam xatolarni kuzatish va monitoringni joriy qiling. Sentry, Datadog yoki New Relic kabi vositalar turli tizimlardan loglar va xatolarni to'plashga yordam beradi, bu esa global operatsiyalar jamoangiz uchun yagona ko'rinishni ta'minlaydi.

Global jamoalar bilan bog'liq qiyinchiliklarni yengish

Global jamoalar turli xil qarashlarni olib keladi, ammo freymvork migratsiyasida o'ziga xos qiyinchiliklarni ham yuzaga keltiradi:

• Vaqt mintaqalari farqlari: Uchrashuvlar, kodni ko'rib chiqish va shoshilinch tuzatishlarni bir nechta vaqt mintaqalari bo'ylab muvofiqlashtiring. Asinxron aloqa va aniq hujjatlar juda muhim bo'lib qoladi.
• Aloqa to'siqlari: Tilning nozikliklari va madaniy farqlar tushunishga ta'sir qilishi mumkin. Aniq, bir ma'noli til va vizual yordam vositalaridan foydalaning.
• Har xil internet aloqasi: Barcha jamoa a'zolarida yuqori tezlikdagi internet bo'lmaydi. Qurish jarayonlari va resurslarni yuklashni optimallashtiring.
• Asboblar va infratuzilmadagi nomuvofiqliklar: Barcha jamoa a'zolari kerakli dasturlash vositalari va muhitlariga ega ekanligiga ishonch hosil qiling. Iloji boricha standartlashtiring.
• Malaka bo'shliqlari: Next.js'ga yangi bo'lgan jamoa a'zolari uchun yetarli darajada trening va resurslar bilan ta'minlang.

Global jamoalar uchun amaliy maslahatlar:

• Markazlashtirilgan hujjatlar markazini yarating: Migratsiya rejasi, arxitektura qarorlari va eng yaxshi amaliyotlar uchun yagona haqiqat manbai juda muhim.
• Mintaqalararo hamkorlikni rag'batlantiring: Virtual seminarlar, juft dasturlash seanslari (strategik rejalashtirilgan) va ichki forumlar orqali bilim almashinuvini rag'batlantiring.
• Muntazam umumiy yig'ilishlar: Vaqt mintaqalari bilan qiyin bo'lsa-da, oyda yoki ikki oyda bir marta hamma ishtirok etishi yoki yozuvlarni ko'rishi mumkin bo'lgan umumiy yig'ilish o'tkazishga harakat qiling.
• Mahalliy yetakchilarni kuchaytiring: Mahalliy muvofiqlashtirish va aloqani boshqarish uchun turli mintaqalarda jamoa yetakchilarini tayinlang.
• Hamkorlik vositalariga sarmoya kiriting: Global asinxron ishni qo'llab-quvvatlaydigan mustahkam loyiha boshqaruvi dasturlari, chat platformalari va videokonferensiya vositalaridan foydalaning.

Qachon bosqichma-bosqich joriy etishni tanlash kerak

Bosqichma-bosqich joriy etish quyidagi hollarda ajoyib strategiya hisoblanadi:

• Dasturingiz katta va murakkab bo'lib, to'liq qayta yozishni amaliy emas qiladi.
• Siz mavjudlarini modernizatsiya qilish bilan birga yangi xususiyatlarni tezda yetkazib berishingiz kerak.
• Xavfga moyillik yuqori va siz nazorat qilinadigan, bosqichma-bosqich yondashuvni afzal ko'rasiz.
• Siz to'liq migratsiyasiz dasturingizning ma'lum qismlari uchun Next.js'ning o'ziga xos afzalliklaridan (SSR, SSG, ISR) foydalanmoqchisiz.
• Jamoangiz Next.js'ni o'rganish va unga moslashish uchun vaqtga muhtoj.

Xulosa

Next.js'ni qabul qilish buzuvchi, hamma narsani qamrab oluvchi qayta yozishni talab qilmaydi. Bosqichma-bosqich joriy etish strategiyasi tashkilotlarga, ayniqsa taqsimlangan global jamoalarga, Next.js'ni asta-sekin integratsiya qilish, xavflarni kamaytirish, resurslarni taqsimlashni optimallashtirish va freymvorkning muhim afzalliklarini bosqichma-bosqich amalga oshirish imkonini beradi. Migratsiyangizni diqqat bilan rejalashtirib, o'z kontekstingiz uchun to'g'ri strategiyani tanlab va aniq aloqani saqlab, siz dasturingizni zamonaviy veb-dasturlash davriga bir qadamda muvaffaqiyatli olib kira olasiz.

Kichikdan boshlang, yutuqlaringizni o'lchang va takrorlang. Next.js'ga asoslangan kelajakka sayohat silliq va strategik bo'lishi mumkin, bu samaradorlik, dasturchi unumdorligi va foydalanuvchi mamnuniyatida sezilarli daromad keltiradi.