Všetci poznáme popularitu Reactu a ako táto knižnica zjednodušila vývojové úlohy pre vývojárov frontendu. React je najobľúbenejšia front-end knižnica na vytváranie používateľského rozhrania aplikácie. Odvetvia pomaly obmedzujú používanie knižníc jQuery a DOM na vytváranie svojich aplikácií.
Pokiaľ ide o vytváranie responzívnej aplikácie, na trhu sú užitočné rámce CSS. Ak pracujete ako front-end vývojár, potom rámce Bootstrap, Foundation a Bulma nie sú pre vás nové. Väčšina odvetví používa rámec Bootstrap. Milióny webových stránok bežia na bootstrape.
Tu v tomto blogu budeme diskutovať o tom, ako používať React a Bootstrap, ako pridať bootstrap do aplikácie React. Ako nainštalovať bootstrap balík React a ako ho používať v aplikácii React. Začnime s tým…
Existujú hlavne tri spôsoby, ako používať Bootstrap s aplikáciou React JS.
Obsah
Metóda 1: Použitie Bootstrap CDN
Toto je jeden z najjednoduchších spôsobov, ako použiť bootstrap vo vašej aplikácii React. Najlepšia vec na bootstrap CDN nie je požiadavka na inštaláciu alebo sťahovanie. Aby to fungovalo, stačí skopírovať a vložiť odkaz do sekcie hlavičky vašej aplikácie. Nižšie je uvedený odkaz, ktorý potrebujete.
integrity='sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4' crossorigin='anonymous'>>
V prípade, že vaša aplikácia potrebuje komponenty JavaScript spolu s bootstrap, umiestnite značku do spodnej časti stránky, tesne pred uzatváraciu značku.
integrita='sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo'
crossorigin='anonymný'>