RSN ridoansaleh

## tests.js
1. AppProvider.test.js

import React from "react";
import { render, unmountComponentAtNode } from "react-dom";
import { act } from "react-dom/test-utils";
import AppProvider from "./AppProvider";

describe("<AppProvider />", () => {
  let container = null;
  beforeEach(() => {

## katalog-buku-gitignore
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
firebase-debug.log*

# Firebase cache
.firebase/

## katalog-buku-prettierrc
{
  "printWidth": 100,
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true
}

## katalog-buku-babelrc
{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

## katalog-buku-index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route } from 'react-router-dom';
import Home from './pages/Home';
import Book from './pages/Book';
import './css/App.css';

const AppRouter = () => (
  <BrowserRouter>
    <Route exact path="/" component={Home} />

## katalog-buku-index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <title>Katalog Buku | Menampilkan koleksi buku terbaik</title>
  </head>
  <body>
    <div id="app"></div>
  </body>

## katalog-buku-constant.js
export const API_BASE_URL = 'https://my-json-server.typicode.com/ridoansaleh/books-api';

## katalog-buku-Book.js
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Link } from 'react-router-dom';
import axios from 'axios';
import { Navbar } from '../components/Navbar';
import { API_BASE_URL } from '../constant';

class Book extends Component {
  static propTypes = {
    match: PropTypes.object,

## katalog-buku-Home.js
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import axios from 'axios';
import { Navbar } from '../components/Navbar';
import { API_BASE_URL } from '../constant';

class Home extends Component {
  constructor() {
    super();

## katalog-buku-App.css
body {
  margin: 0;
}

.navbar {
  width: 100%;
  height: 30px;
  padding: 15px 0;
  background-color: #5d5553;
}
	1. AppProvider.test.js

	import React from "react";
	import { render, unmountComponentAtNode } from "react-dom";
	import { act } from "react-dom/test-utils";
	import AppProvider from "./AppProvider";

	describe("<AppProvider />", () => {
	let container = null;
	beforeEach(() => {
	# Logs
	logs
	*.log
	npm-debug.log*
	yarn-debug.log*
	yarn-error.log*
	firebase-debug.log*

	# Firebase cache
	.firebase/
	{
	"printWidth": 100,
	"trailingComma": "all",
	"tabWidth": 2,
	"semi": true,
	"singleQuote": true
	}
	{
	"presets": ["@babel/preset-env", "@babel/preset-react"],
	"plugins": ["@babel/plugin-proposal-class-properties"]
	}
	import React from 'react';
	import ReactDOM from 'react-dom';
	import { BrowserRouter, Route } from 'react-router-dom';
	import Home from './pages/Home';
	import Book from './pages/Book';
	import './css/App.css';

	const AppRouter = () => (
	<BrowserRouter>
	<Route exact path="/" component={Home} />
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
	<title>Katalog Buku \| Menampilkan koleksi buku terbaik</title>
	</head>
	<body>
	<div id="app"></div>
	</body>
	import React, { Component } from 'react';
	import PropTypes from 'prop-types';
	import { Link } from 'react-router-dom';
	import axios from 'axios';
	import { Navbar } from '../components/Navbar';
	import { API_BASE_URL } from '../constant';

	class Book extends Component {
	static propTypes = {
	match: PropTypes.object,
	body {
	margin: 0;
	}

	.navbar {
	width: 100%;
	height: 30px;
	padding: 15px 0;
	background-color: #5d5553;
	}