Bem React Boilerplate

screenshot of Bem React Boilerplate
create-react-app
react

DEPRECATED! A bare minimum frontend boilerplate based on create-react-app and bem-react-core.

Overview

BEM React Boilerplate was once a go-to solution for developing applications using the BEM (Block Element Modifier) methodology in React. However, it's crucial to note that this project has been deprecated, as modern practices in the React ecosystem suggest that there is no longer a need for a specialized boilerplate. Developers are encouraged to leverage the flexibility of established tools like Create React App to streamline their workflows and enhance productivity.

This guide provides essential information for those who may have previously used the BEM React Boilerplate, covering the key tasks and features that support the transition to a more flexible development environment.

Features

  • Easy Project Setup: Leveraging Create React App for seamless project initialization without the complications of custom boilerplates.
  • Comprehensive Script Availability: Quick access to essential scripts such as npm start, npm test, and npm run build, ensuring efficient development and testing.
  • Custom Environment Variables: Simplifies the management of environment variables for different deployment scenarios and development stages.
  • Error Handling and Debugging Tools: Includes support for displaying lint output and debugging settings directly in the editor, making it easier to catch and fix issues.
  • Asset Management: Offers functionality for adding images, fonts, and other assets with straightforward guidelines on where and how to place them.
  • Integration with APIs: Includes tips for configuring API requests in a development environment, allowing for smooth backend interactions.
  • Testing Framework: Comprehensive guidance on testing components, covering everything from initializing the test environment to coverage reporting.
  • Deployment Strategies: Provides a variety of options for deploying applications across popular platforms such as GitHub Pages, Azure, and Netlify.
create-react-app
Create React App

Create React App is a popular tool for quickly setting up a new React project without the need for manual configuration or setup. It provides a preconfigured development environment with modern build tools, a live development server, and an easy-to-use command line interface.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.