0.0.1 ā€¢ Published 4 years ago

cra-minimal v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

Create React App Minimal setup

cra-minimal runs create-react-app and then replaces the contents of the src/ folder with my preferred minimal boilerplate. Read more in the About this program section below.

Usage

Install create-react-app:

npm install -g create-react-app

Install cra-minimal:

npm install -g https://github.com/arthurbernierjr/create-react-app-minimal

Use cra-minimal as you would use create-react-app to create a project:

cra-minimal my-new-react-project

Uninstall if you don't like it:

npm uninstall -g cra-minimal

About this program

I šŸ’š create-react-app, but I don't always want the boilerplate files that it comes with:

src/
ā”œā”€ā”€ App.css
ā”œā”€ā”€ App.js
ā”œā”€ā”€ App.test.js
ā”œā”€ā”€ index.css
ā”œā”€ā”€ index.js
ā”œā”€ā”€ logo.svg
ā””ā”€ā”€ registerServiceWorker.js

This program runs create-react-app and replaces the contents of the src folder with my preferred boilerplate:

src/
ā”œā”€ā”€ App.css
ā”œā”€ā”€ App.js
ā””ā”€ā”€ index.js

App.css (empty file)

App.js

import React, { Component } from "react";
import "./App.css";

class App extends Component {
    render() {
        return <div className="App">Hello World</div>;
    }
}

export default App;

index.js

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(<App />, document.getElementById("root"));