Kaip naudoti „Bootstrap“ su „React“?

Kaip naudoti „Bootstrap“ su „React“?

Visi žinome apie React populiarumą ir tai, kaip ši biblioteka palengvino kūrimo užduotis frontend kūrėjams. „React“ yra populiariausia priekinė biblioteka, skirta programos vartotojo sąsajai kurti. Pramonės įmonės pamažu mažina jQuery ir DOM bibliotekų naudojimą kurdamos savo programas.

Kaip naudoti-Bootstrap-with-React

Kai reikia sukurti reaguojančią programą, CSS sistemos yra naudingos rinkoje. Jei dirbate kaip priekinės dalies kūrėjas, tada Bootstrap, Foundation ir Bulma sistemos jums nėra naujiena. Dauguma pramonės šakų naudoja „Bootstrap“ sistemą. Milijonai svetainių veikia „bootstrap“.

Šiame tinklaraštyje aptarsime, kaip naudoti „React“ ir „Bootstrap“, kaip pridėti įkrovos programą prie „React“ programos. Kaip įdiegti „React bootstrap“ paketą ir kaip jį naudoti „React“ programoje. Pradėkime nuo to…

Iš esmės yra trys būdai, kaip naudoti „Bootstrap“ su „React JS“ programa.

Turinys

1 būdas: naudojant Bootstrap CDN

Tai vienas iš paprasčiausių būdų naudoti įkrovos funkciją „React“ programoje. Geriausias dalykas, susijęs su įkrovos CDN, yra tai, kad nereikia diegti ar atsisiųsti. Jums tereikia nukopijuoti ir įklijuoti nuorodą programos antraštėje, kad ji veiktų. Žemiau yra nuoroda, kurios jums reikia.

 integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4'  crossorigin='anonymous'>>>   

Jei programai reikia „JavaScript“ komponentų kartu su įkrovos žyma, puslapio apačioje įdėkite žymą prieš pat uždaromąją žymą.


crossorigin='anonymous'>