How to add routing to a generator-react-webpack-redux project?

Since routing is a planned feature not yet implemented, you'll need to manually install and configure react-router or react-router-redux, then update the Redux store and components accordingly. Refer to community examples or the parent project for guidance.

Is generator-react-webpack-redux still maintained in 2024?

Check the GitHub repository for recent commits and issue activity; the README shows build badges but doesn't guarantee active updates, so verify if it aligns with current React or Redux versions.

generator-react-webpack-redux vs Create React App with Redux: which should I use?

This generator offers more control with Webpack customization and Redux scaffolding, while Create React App is simpler and updated more frequently but may require ejecting for deep changes. Choose based on your need for configurability versus ease.

Can I use TypeScript with this generator?

It doesn't natively support TypeScript; you'd need to manually integrate TypeScript by updating Webpack configs, Babel presets, and possibly forking the generator or using community extensions.

How to generate nested reducers with generator-react-webpack-redux?

Use the subgenerator command with namespaced paths, e.g., 'yo react-webpack-redux:reducer my/namespaced/reducers/name', which creates files in a nested directory structure as per the README examples.

Does this generator include Redux middleware like Thunk or Saga?

No, it focuses on basic Redux setup; for async actions, you must manually install and configure middleware like Redux Thunk or Saga, then update the store configuration.

Open-Awesome

generator-react-webpack-redux

NOASSERTIONJavaScript

A Yeoman generator for React projects with Webpack and Redux, extending generator-react-webpack.

GitHub

546 stars84 forks0 contributors

What is generator-react-webpack-redux?

generator-react-webpack-redux is a Yeoman generator that scaffolds React applications with Webpack and Redux support. It automates the setup of project structure, build configurations, and Redux-specific files like reducers and actions, reducing initial configuration overhead. The tool extends generator-react-webpack to include Flux architecture via Redux, providing a ready-to-use development environment.

Target Audience

Frontend developers and teams building React applications with Redux for state management, who want a standardized, automated project setup to accelerate development.

Value Proposition

It saves time by generating boilerplate code and configurations, ensures consistency across projects, and integrates seamlessly with existing React-Webpack workflows while adding Redux-specific scaffolding.

Overview

React Webpack Generator including Redux support

Use Cases

Best For

Quickly setting up new React-Redux projects with Webpack
Generating Redux reducers, actions, and containers via CLI
Standardizing project structure across team members
Automating test setup for Redux-related code
Scaffolding components with Redux integration in mind
Extending generator-react-webpack with Redux capabilities

Not Ideal For

Projects using state management other than Redux, such as MobX or Context API
Teams preferring modern bundlers like Vite or Parcel for faster development cycles
Applications requiring built-in routing support without manual integration, as it's a planned feature
Environments with Node.js versions outside the specified range (e.g., older or newer unsupported versions)

Pros & Cons

Pros

Automated Redux Scaffolding

Generates reducers, actions, containers, and test files via CLI subgenerators, as shown in the README's commands for reducer and action creation.

Pre-configured Tooling

Includes Webpack, ESLint, and Mocha setup out of the box, reducing initial configuration overhead and enabling immediate development and testing.

Standardized Project Structure

Enforces consistent naming conventions and file organization through Yeoman templates, promoting team-wide code consistency.

Extensible Foundation

Builds on generator-react-webpack, allowing users to leverage an established base and customize configurations as needed.

Cons

Missing Routing Support

The README explicitly lists routing via react-router-redux as a planned feature, requiring manual setup for current projects that need navigation.

Node Version Constraints

Requires specific Node.js versions (>=4.5.0 <5.0.0 or >=5.10), which may hinder compatibility with modern or legacy environments.

Global Dependency Overhead

Installation necessitates global npm packages like phantomjs-prebuilt, adding complexity and potential conflicts to the setup process.

Potential Maintenance Lag

Being an extension of another generator, updates might lag behind latest React or Redux best practices, risking outdated tooling.

Frequently Asked Questions

Related Projects

react-chrome-extension-boilerplate

Boilerplate for Chrome Extension React.js project

Stars2,140

Forks383

Last commit6 years ago

redux-cli

An opinionated CLI for building redux/react apps quicker

Stars876

Forks51

Last commit8 years ago

reactuate

React/Redux stack (not a boilerplate kit)

Stars483

Forks12

Last commit10 years ago

universal-redux

An npm package that lets you jump right into coding React and Redux with universal (isomorphic) rendering. Only manage Express setups or Webpack configurations if you want to.

Stars458

Forks48

Last commit5 years ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub