Simple React App

Overview:

The simple-react-app is a base project that can be used to jumpstart React applications. Similar to create-react-app, this package allows users to easily create multiple projects. It includes the latest React specifications and uses react-router v4 for route handling. The app also handles style with sass/scss and bundles the code with webpack 4. It is important to note that the simple-react-app is only a frontend application, and users can use any backend language of their choice.

Features:

• Easy installation using npm or yarn.
• Ability to create multiple react boilerplates using the simple-react-app command.
• Development server with hot reload available on localhost:3000.
• Production bundle optimized with tree shaking and uglify.
• Testing environment using Jest and Enzyme.
• Integration with ESLint for error-free React and JavaScript code.
• Guide on how to contribute and common etiquette to follow.

Installation:

To install the simple-react-app package, follow these steps:

1. Ensure that you have npm or yarn installed on your system. If not, install the latest stable versions.
2. Run the command npm i -g simple-react-app to install the package globally.
3. Once installed, use the command simple-react-app folderName to create a React boilerplate in the specified folder.
4. All dependencies will be automatically installed. Navigate to the folder using the command cd folderName.
5. To start the development server with hot reload, use the command yarn start or npm start. The app will be live on localhost:3000.
6. To build the production bundle with code optimization, use the command yarn run build or npm run build.
7. To run tests using Jest and Enzyme, use the command yarn test or npm test.

Summary:

The simple-react-app is a useful tool for quickly setting up React projects. It provides a base project with React, react-router v4, hot-reload, and sass. With easy installation and built-in features for development, production, and testing, it is a convenient solution for starting React applications. Additionally, the integration with ESLint ensures error-free code, and the guide on how to contribute encourages collaboration and proper etiquette among developers.