React For Hipsters Boilerplate

Overview:

The React-for-Hipsters Boilerplate is a fresh boilerplate that includes a brand new hot reloading configuration and other hipster-friendly features. It is designed for use with IE10+ and includes the latest versions of React, Redux, Director, Promise and Fetch polyfills, and the AirBnB ESLint Styleguide. It also comes with a brand new hot reloading feature for Webpack, the PostCSS library, and the debug-dude tool.

Features:

• Hot Reloading: The boilerplate includes a brand new hot reloading configuration for Webpack, allowing for faster development and live updates.
• Latest Version of Libraries: The boilerplate includes the latest versions of React, Redux, Director, Promise, and Fetch polyfills, ensuring compatibility and access to the newest features.
• ESLint Styleguide: The boilerplate follows the AirBnB ESLint Styleguide, providing a standardized coding style and best practices.
• PostCSS: The boilerplate includes the PostCSS library, which allows for easier CSS preprocessing and manipulation.
• debug-dude: The boilerplate includes the debug-dude tool by @ggarek, which provides enhanced debug functionality when the debug field is set to “*” in local storage.

Installation:

To install the React-for-Hipsters Boilerplate, follow the steps below:

1. Clone the repository and remove it from Git:

git clone [repository-url]

2. Update the package.json file by changing the name, author, and version fields to match your project:

{
  "name": "your-project-name",
  "author": "your-name",
  "version": "1.0.0",
  ...
}

3. Start the development environment:

npm start

This will start the development server at http://localhost:3000, where you can view and test your application.

4. Test the build with sourcemaps and other features:

npm run build:test

This command will build the application with sourcemaps and other necessary features. The build files will be located in the /public directory.

5. Create a production build:

npm run build:prod

This command will create a production-ready build of your application. The build files will also be located in the /public directory.

6. Version bumping: To bump the version of your application, run one of the following commands:

• Patch: npm version patch
• Minor: npm version minor
• Major: npm version major This will run ESLint and test your application. After passing the linting and tests, the version will be bumped in the package.json file, a version tag will be added, and all commits and tags will be pushed to your current branch.

Please note that you will need to choose your own test framework, as the boilerplate does not automatically select one for you.

Summary:

The React-for-Hipsters Boilerplate is a modern and feature-rich starter kit for developing React applications. Its key features include hot reloading, the latest versions of important libraries, the AirBnB ESLint Styleguide, PostCSS integration, and the debug-dude tool. The installation process is straightforward, requiring cloning the repository, updating the package.json file, and running a few npm commands. Overall, this boilerplate provides a solid foundation for building hip, modern React applications.