Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- npx create-react-app my-app
- ```jsx
- import React from 'react';
- import logo from './logo.svg';
- import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
- import Container from 'react-bootstrap/Container';
- import Navbar from 'react-bootstrap/Navbar';
- import Nav from 'react-bootstrap/Nav';
- import './App.css';
- class App extends React.Component {
- render() {
- return (
- <Router>
- <Container className="p-0" fluid={true}>
- <Navbar className="border-bottom" bg="transparent" expand="lg">
- <Navbar.Brand>Garrett Love</Navbar.Brand>
- <Navbar.Toggle className="border-0" aria-controls="navbar-toggle" />
- <Navbar.Collapse id="navbar-toggle">
- <Nav className="ml-auto">
- <Link className="nav-link" to="/">Home</Link>
- <Link className="nav-link" to="/about">About</Link>
- <Link className="nav-link" to="/contact">Contact</Link>
- </Nav>
- </Navbar.Collapse>
- </Navbar>
- </Container >
- </Router >
- );
- }
- }
- export default App;
- ```
- ```jsx
- {
- "name": "my-app",
- "version": "0.1.0",
- "private": true,
- "dependencies": {
- "@testing-library/jest-dom": "^4.2.4",
- "@testing-library/react": "^9.5.0",
- "@testing-library/user-event": "^7.2.1",
- "react": "^16.13.1",
- "react-dom": "^16.13.1",
- "react-scripts": "3.4.1",
- "react-bootstrap": "^1.0.0-beta.9",
- "react-router-dom": "^5.0.1",
- "bootstrap": "^4.3.1"
- },
- "scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
- },
- "eslintConfig": {
- "extends": "react-app"
- },
- "browserslist": {
- "production": [
- ">0.2%",
- "not dead",
- "not op_mini all"
- ],
- "development": [
- "last 1 chrome version",
- "last 1 firefox version",
- "last 1 safari version"
- ]
- }
- }
- ```
- ```jsx
- import React from 'react';
- import ReactDOM from 'react-dom';
- import './index.css';
- import App from './App';
- import * as serviceWorker from './serviceWorker';
- import 'bootstrap/dist/css/bootstrap.css';
- ReactDOM.render(
- <React.StrictMode>
- <App />
- </React.StrictMode>,
- document.getElementById('root')
- );
- // If you want your app to work offline and load faster, you can change
- // unregister() to register() below. Note this comes with some pitfalls.
- // Learn more about service workers: https://bit.ly/CRA-PWA
- serviceWorker.unregister();
- ```
Add Comment
Please, Sign In to add comment