Untuk mempercantik tampilan website yang kita miliki, kita biasanya menggunakan CSS. CSS yang digunakan ada yang membuat sendiri, dan ada juga yang berasal dari CSS online seperti Bootstrap. Bootstrap sendiri adalah CSS online yang bisa kita gunakan tanpa harus susah-susah membuatnya. Bootstrap juga dapat kita gunakan pada project React kita. Selain menggunakan Bootstrap untuk project React, kta juga dapat menggunakan Reactstrap.
Apa itu Reactstrap? Bagaimana cara menggunakannya? Langsung saja kita bahas bersama.

Apa itu Reactstrap

            Reactstrap adalah sebuah CSS yang dapat kita pergunakan pada project react kita. Ada banyak component yang dapat kita gunakan untuk mempercantik tampilan website yang kita miliki. Anda dapat melihat componentnya langsung di website resminya Reactstrap.

Bagaimana cara menggunakannya?

            Cara menggunakan Reactstrap agak berbeda dari Bootstrap, jika di Bootstrap kita tinggal panggil CSSnya, di Reactstrap ini mempunyai tag tersendiri untuk memanggil CSSnya.

Contohnya :

Bootstrap

<button className=”button”> Test  </buttom>

Sedangkan di Reactstrap, memiliki tag tersendiri dan juga di bagian atas harus di defisinikan terlebih dahulu :

Import {Button} from ‘reactstrap’;

Baru setelah itu kita dapat menggunakannnya di

<Button color=”primary”>
Test </Button>