Vsi poznamo priljubljenost Reacta in kako je ta knjižnica olajšala razvojne naloge razvijalcem čelnega vmesnika. React je najbolj priljubljena front-end knjižnica za izdelavo uporabniškega vmesnika aplikacije. Industrije počasi zmanjšujejo uporabo knjižnic jQuery in DOM za gradnjo svojih aplikacij.

Ko gre za izdelavo odzivne aplikacije, so okviri CSS uporabni na trgu. Če delate kot front-end razvijalec, potem nekakšna ogrodja Bootstrap, Foundation in Bulma niso nova za vas. Večina industrij uporablja ogrodje Bootstrap. Milijoni spletnih strani delujejo na sistemu bootstrap.

V tem blogu bomo razpravljali o tem, kako uporabljati React in Bootstrap, kako dodati bootstrap aplikaciji React. Kako namestiti zagonski paket React in kako ga uporabljati v aplikaciji React. Začnimo s tem ...

Obstajajo predvsem trije načini uporabe Bootstrapa z aplikacijo React JS.

Kazalo

• Uporaba Bootstrap CDN
• Uvozi Bootstrap kot odvisnost
• Namestite paket React-Bootstrap

1. način: Uporaba Bootstrap CDN

To je eden najpreprostejših načinov za uporabo zagonskega programa v aplikaciji React. Najboljša stvar pri zagonskem CDN je, da namestitev ali prenosi niso potrebni. Preprosto morate kopirati in prilepiti povezavo v glavni razdelek vaše aplikacije, da bo delovala. Spodaj je povezava, ki jo potrebujete.

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

Če vaša aplikacija potrebuje komponente JavaScript skupaj z zagonsko oznako, na dnu strani postavite oznako, tik pred zaključno oznako.

  
integriteta='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'  
crossorigin='anonimno'>