sidkwoksidkwok
163

Template Rwb

screenshot of Template Rwb
react

A full-featured Webpack setup with hot-reload

Github

Overview

The React Webpack Boilerplate is a SPA boilerplate built with React, Redux, and Webpack. It includes features like React 16.6.3, Redux 4.0.0, React Router v4 or v3, JSX ES6, CSS Modules, webpack 4.x, code-splitting, hot-reload, proxy, ESlint, Redux-devtools, bundle-analyzer, and jest with Enzyme for unit testing.

Features

  • React 16.6.3: Utilizes the latest version of React.
  • Redux 4.0.0: Integrates Redux for state management.
  • React-Redux: Binds React and Redux.
  • React Router v4 or v3: Allows for easy routing within the application.
  • JSX ES6: Utilizes ES6 syntax and supports decorators by default.
  • CSS Modules: Supports CSS Modules, with the option to turn it on in the config.
  • Webpack 4.x: Uses Webpack 4.x for bundling and building the application.
  • Code-Splitting: Supports code-splitting for async components and even async CSS.
  • Hot-Reload: Supports hot-reloading for both React and Redux.
  • Proxy: Supports proxying with http-proxy-middleware.
  • Environmental Value: Supports environmental values.
  • ESlint: Uses standard and standard-react as default style guides, with the ability to edit your own config in .eslintrc.js.
  • Redux-devtools: Enables browser devtool config for Redux, with the option to download extensions or use customized devtools.
  • bundle-analyzer: Analyzes bundle content with webpack-bundle-analyzer.
  • Jest with Enzyme: Makes unit testing for React components easier.

Summary

The React Webpack Boilerplate is a comprehensive SPA boilerplate built with React, Redux, and Webpack. It offers a wide range of features including React 16.6.3, Redux 4.0.0, CSS Modules, code-splitting, hot-reload, proxying, ESlint, Redux-devtools, and more. It provides an easy and efficient way to set up and build React applications.

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

Redux

Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.