Reaksiya qilish
React bugungi kunda eng mashhur frontend ramkalar qatoriga kiradi va u tip xavfsizligi haqida gap ketganda ajoyib tanlovdir.
React-ning bu qadar xavfsiz bo'lishining sababi shundaki, React komponentlari - React ilovalarining asosiy qurilish bloklari - TypeScript-da aniqlangan va iste'mol qilinadi. Bu xususiyatni frontend ramkalar orasida topish qiyin va komponent ta'riflari ham, iste'molchilar ham turi tekshirilganligini bildiradi. “Ushbu komponent foydalanuvchi identifikatori va rangini oladi” yoki “bu komponentda faqat bolalar roʻyxati elementlari boʻlishi mumkin” kabi soʻzlarni aytish uchun turlardan foydalanishingiz mumkin. Keyinchalik bu cheklovlar TypeScript tomonidan amalga oshiriladi, bu sizning komponentlaringiz o'zlari aytgan narsalarni qilishlarini tasdiqlaydi.
Komponent ta'riflari va iste'molchilar atrofidagi bu xavfsizlik - frontend ilovasining ko'rish qatlami - qotildir. Ko'rinish an'anaviy ravishda matn terish xatolari, o'tkazib yuborilgan atributlar, noto'g'ri kiritilgan parametrlar va noto'g'ri kiritilgan elementlar dasturchilarni birgalikda minglab soatlab sochlarini yulib, brauzerlarini yangilashga majbur qiladigan joydir. TypeScript va React yordamida oʻz fikringizni yozishni boshlagan kuningiz sizning va jamoangizning frontenddagi unumdorligini ikki baravar oshirgan kundir.
JSX primeri
JavaScript XML (JSX) deb nomlangan maxsus DSL yordamida o'z qarashlaringizni aniqlaysiz, uni to'g'ridan-to'g'ri JavaScript kodingizga kiritasiz. Bu JavaScript-da HTMLga o'xshaydi. Keyin siz JavaScript-ni JSX kompilyatori orqali ishga tushirasiz, u o'sha qiziqarli JSX sintaksisini odatiy JavaScript funksiya chaqiruvlariga qayta yozadi.
Jarayon shunday ko'rinadi. Aytaylik, siz do'stingizning restorani uchun menyu ilovasini yaratmoqdasiz va siz quyidagi JSX bilan brunch menyusida bir nechta narsalarni sanab o'tasiz:
|