Știm cu toții popularitatea React și modul în care această bibliotecă a făcut sarcinile de dezvoltare mai ușoare pentru dezvoltatorii de front-end. React este cea mai populară bibliotecă front-end pentru construirea interfeței cu utilizatorul a aplicației. Industriile reduc încet utilizarea bibliotecilor jQuery și DOM pentru construirea aplicației lor.

Când vine vorba de construirea unei aplicații receptive, cadrele CSS sunt utile pe piață. Dacă lucrați ca dezvoltator front-end, atunci cadrul Bootstrap, Foundation și Bulma nu sunt noi pentru dvs. Majoritatea industriilor folosesc cadrul Bootstrap. Milioane de site-uri web rulează pe bootstrap.

Aici, în acest blog, vom discuta despre cum să folosiți React și Bootstrap, cum să adăugați bootstrap la aplicația React. Cum se instalează pachetul React bootstrap și cum se utilizează în aplicația React. Să începem cu asta…

Există în principal trei moduri de a utiliza Bootstrap cu aplicația React JS.

Cuprins

• Folosind Bootstrap CDN
• Importați Bootstrap ca dependență
• Instalați pachetul React-Bootstrap

Metoda 1: Utilizarea Bootstrap CDN

Aceasta este una dintre cele mai simple moduri de a utiliza bootstrap în aplicația React. Cel mai bun lucru despre bootstrap CDN este că nu necesită instalare sau descărcări. Trebuie doar să copiați și să lipiți un link în secțiunea de cap a aplicației pentru ca aceasta să funcționeze. Mai jos este linkul de care aveți nevoie.

 integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4'  crossorigin='anonymous'>>>> 
În cazul în care aplicația dvs. are nevoie de componente JavaScript împreună cu bootstrap-ul, atunci în partea de jos a etichetei de plasare a paginii, chiar înainte de eticheta de închidere.
   
crossorigin='anonim'>