React Templates & Themes Logo React Templates & Themes
Frontend Boilerplate screenshot

Frontend Boilerplate

Author Avatar Theme by Mizchi
Updated: 14 Apr 2017
143 Stars

Github

Overview:

This product is a frontend boilerplate concept that provides a set of tools and configurations for building web applications. It includes features such as linting, automated deployment, testing, and support for various browsers. The stack used for this boilerplate includes React, Redux, and React Router. The package manager used is Yarn, and the transpiler is Babel. It also includes linters such as ESLint, Flow, and Stylelint, and test runners like Ava and Enzyme. The builder used is Webpack, and PostCSS is used for CSS processing. The continuous integration tool used is CircleCI.

Features:

  • Linting by ESLint, Stylelint, and Flow
  • Deployment to GitHub Pages using CircleCI
  • Running tests (using Ava) in Node.js
  • Building for Chrome in development
  • Building for IE11+ in production

Installation:

To install this theme, follow the steps below:

  1. Clone this repository.
  2. Install the required packages by running the command yarn install.
  3. Configure the recommended tools in your favorite code editor, such as Atom. Install the following plugins: linter, linter-eslint, linter-flow, and linter-stylelint.
  4. Configure CircleCI and deploy:
    • Register the cloned repository on CircleCI.
    • Run continuous integration by pushing your changes to the Git repository.
    • Add the deploy key to your GitHub repository.
    • In CircleCI project settings, go to PERMISSIONS and configure the SSH key.
    • Deploy the application by pushing the changes to the release branch of the GitHub repository. The application will be deployed to its GitHub Pages.
    • If the deployment fails due to a non-fast-forward issue, use the command git push origin :gh-pages and retry the deployment.

Summary:

This frontend boilerplate concept provides a set of tools and configurations for building web applications using React, Redux, and React Router. It includes features such as linting, automated deployment, testing, and support for various browsers. The installation process involves cloning the repository, installing the required packages using Yarn, and configuring the recommended tools and CircleCI for continuous integration and deployment. The product is licensed under the MIT license.