Tots coneixem la popularitat de React i com aquesta biblioteca ha facilitat les tasques de desenvolupament per als desenvolupadors d'interfície. React és la biblioteca de front-end més popular per crear la interfície d'usuari de l'aplicació. Les indústries estan reduint lentament l'ús de les biblioteques jQuery i DOM per crear la seva aplicació.
Quan es tracta de crear una aplicació sensible, els marcs CSS són útils al mercat. Si treballeu com a desenvolupador frontal, els marcs Bootstrap, Foundation i Bulma no són nous per a vosaltres. La majoria de les indústries utilitzen el marc Bootstrap. Milions de llocs web funcionen amb bootstrap.
Aquí, en aquest bloc, parlarem de com utilitzar React i Bootstrap, com afegir bootstrap a l'aplicació React. Com instal·lar el paquet d'arrencada de React i com utilitzar-lo a l'aplicació React. Comencem amb això...
Hi ha principalment tres maneres d'utilitzar Bootstrap amb l'aplicació React JS.
Taula de contingut
Mètode 1: utilitzant Bootstrap CDN
Aquesta és una de les maneres més fàcils d'utilitzar bootstrap a la vostra aplicació React. El millor de bootstrap CDN no és cap requisit per a la instal·lació o les descàrregues. Només heu de copiar i enganxar un enllaç a la secció de capçalera de la vostra aplicació perquè funcioni. A continuació teniu l'enllaç que necessiteu.
integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4' crossorigin='anonymous'>>
En cas que la vostra aplicació necessiti components JavaScript juntament amb el bootstrap, a la part inferior de l'etiqueta de lloc de la pàgina, just abans de l'etiqueta de tancament.
integritat='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
crossorigin='anònim'>