Framework CSS untuk React

 

Sebelum ke materi ini kesini dulu ya Component Style untuk React

Tahapan selanjutnya adalah buat file baru di src dengan nama AppContent.js

Import AppContent ke Index.js dan tambahkan Content nya

Untuk mempercepat kita gunakan Bootsrtap saja
Instal Bootstrapo pada React : npm install bootstrap

Kembali ke Index.js

import bootstrap cssnya

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import AppFooter from './AppFooter';
import AppContent from './AppContent';
import 'bootstrap/dist/css/bootstrap.min.css';
import './index.css';

Hasilnya Disini

Jika penasaran file bootstrapnya dimana anda bisa ke Folder node_modules dan cari bootstrap, semua file akan tersimpan secara otomatis disana selanjutnya kita haris import semuanya termasuk file Js nya

import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
import './index.css';

Buka website Bootstrapnya lagi 

tambahkan pada file AppContent.js dan sisipkan dimana yang anda inginkan