Mundarija:

Reaksiyadagi komponentlarni shakllantirishning uch xil usuli qanday?
Reaksiyadagi komponentlarni shakllantirishning uch xil usuli qanday?

Video: Reaksiyadagi komponentlarni shakllantirishning uch xil usuli qanday?

Video: Reaksiyadagi komponentlarni shakllantirishning uch xil usuli qanday?
Video: Reaksiya tezligining konsentratsiya, bosim va hajmga bog’liqligi. 2024, May
Anonim

Ishlab chiqarish darajasida ishlash uchun sanoatda keng qo'llaniladigan React JS komponentlarini shakllantirishning sakkiz xil usuli mavjud:

  1. Inline CSS.
  2. Oddiy CSS.
  3. JS da CSS.
  4. Uslubli Komponentlar .
  5. CSS modullari.
  6. Sass va SCSS.
  7. Kamroq.
  8. Uslubli.

Buni inobatga olgan holda, siz komponentlarga qanday munosabatda bo'lasiz?

a uchun Reaksiya komponenti siz xohlaysiz uslub ni o'z ichiga olgan CSS faylini yarating uslublar Buning uchun komponent . Qurilish vaqtida mahalliy sinf nomlari xaritaga tushiriladi va JS ob'ekti sifatida eksport qilinadi Reaksiya qilish - shuningdek, sinf nomlari o'zgartirilgan kirish CSS-ning o'zgartirilgan versiyasi.

nima uchun inline uslublari yomon? Brauzerlar har bir veb-sahifani oddiy HTML-ga tarjima qiladi. dan foydalanish inline uslublari HTMLda a yomon amaliyot, chunki brauzer buni yaxshi tushunmaydi. Agar sizning veb-saytingiz kichik bo'lsa va siz tashqi veb-saytdan foydalanishni xohlamasangiz uslub choyshablar, keyin siz ichki qismga o'tishingiz kerak uslublar chunki brauzerlar ularni osongina tushunishlari mumkin.

Bunga qo'shimcha ravishda, reaksiyada className'dan qanday foydalanaman?

sinf nomi . CSS sinfini belgilash uchun, foydalanish the sinf nomi xususiyat. Bu,, va boshqalar kabi barcha oddiy DOM va SVG elementlariga taalluqlidir. Agar Siz React-dan foydalaning veb-komponentlar bilan (bu kamdan-kam hollarda), foydalanish o'rniga sinf atributi.

Reaktiv mahalliy CSS-dan foydalanadimi?

CSS dan foydalaning uslubingizni yaratish uchun React Native ilovalar. Sahna ortida. css fayllarga aylantiriladi mahalliy reaktsiya uslub ob'ektlari (misollarga qarang). Bu transformator mumkin bilan birga foydalaniladi React Native CSS modullar.

Tavsiya: