https://github.com/serg/react-init

A minimal boilerplate for creating the React JS application from scratch by using Sass and Vite as fast and modern building tool
https://github.com/serg/react-init

bolerplate react skeleton vite

Last synced: about 1 month ago
JSON representation

A minimal boilerplate for creating the React JS application from scratch by using Sass and Vite as fast and modern building tool

• Host: GitHub
• URL: https://github.com/serg/react-init
• Owner: serg
• License: mit
• Created: 2017-08-28T16:54:52.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-06-23T18:25:21.000Z (7 months ago)
• Last Synced: 2024-06-23T19:35:22.205Z (7 months ago)
• Topics: bolerplate, react, skeleton, vite
• Language: JavaScript
• Homepage:
• Size: 814 KB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-init

A simple starter kit for creating the React JS applications.

## Installation

Install the dependencies and devDependencies:

```

$ cd react-init

$ npm install

```

## Development mode

Start the development server:

```

$ npm start

```

The application will be available at the [`localhost:5173`](http://localhost:5173) link in browser.

## Production mode

To build the application for production use this command:

```

$ npm run build

```

All created files will be available at the `dist` folder of project.

## Preview results after build

Run this command:

```

$ npm run preview

```

The application will be available at the [`localhost:4173`](http://localhost:4173) link in browser.

## Manual installation

This part about manual installation of packages for project. This is a showcase about how to create project from scratch in case if the `package.json` file doesn't contain any packages.

### Install project dependencies

```

$ npm i -S react react-dom

```

### Install development dependencies

```

$ npm i -D vite @vitejs/plugin-react @vitejs/plugin-legacy sass terser

```

### Install Sublime 3 packages

**This step is optional (no needed if you use another code editor).**

List of packages:

- Babel

- Sass

- Emmet