react-redux-boilerplate

A minimal React-Redux boilerplate with all the best practices

Github星跟踪图

Why? start with why

The whole React community knows and will unanimously agree that react-boilerplate is the ultimate starter template for kickstarting a React project. It's setup with all the industry best practices and standards. But it also has a lot more than what you just need to start a react-redux app. It took me quite some time to get my head around what was happening in the codebase and it's clearly not for starters. They quote this right in their readme,

Please note that this boilerplate is production-ready and not meant for beginners! If you're just starting out with react or redux, please refer to https://github.com/petehunt/react-howto instead. If you want a solid, battle-tested base to build your next product upon and have some experience with react, this is the perfect start for you.

So it involves a lot of additional learning curve to get started with react-boilerplate. That's why I forked it, stripped it down and made this leaner, beginner friendly boilerplate without all the additional complexity.

Features

This boilerplate features all the latest tools and practices in the industry.

  • React.js - React 16✨, React Router 5
  • Redux.js - Redux saga and Reselect
  • Babel - ES6, ESNext, Airbnb and React/Recommended config
  • Webpack - Webpack 4✨, Hot Reloading, Code Splitting, Optimized Prod Build and more
  • Test - Jest with Enzyme
  • Lint - ESlint
  • Styles - SCSS Styling

Here are a few highlights to look out for in this boilerplate

But wait... there's more!

  • The best test setup: Automatically guarantee code quality and non-breaking
    changes. (Seen a react app with 99% test coverage before?)
  • The fastest fonts: Say goodbye to vacant text.
  • Stay fast: Profile your app's performance from the comfort of your command
    line!
  • Catch problems: TravisCI setup included by default, so your
    tests get run automatically on each code push.

Quick start

  1. Clone this repo using git clone https://github.com/flexdinesh/react-redux-boilerplate.git
  2. Move to the appropriate directory: cd react-redux-boilerplate.
  3. Run yarn or npm install to install dependencies.
  4. Run npm start to see the example app at http://localhost:3000.

Now you're ready build your beautiful React Application!

Info

These are the things I stripped out from react-boilerplate - github project rules, ngrok tunneling, shjs, service worker, webpack dll plugin, i18n, styled-components, code generators and a few more.

License

MIT license, Copyright (c) 2018 Dinesh Pandiyan.

主要指标

概览
名称与所有者flexdinesh/react-redux-boilerplate
主编程语言JavaScript
编程语言JavaScript (语言数: 3)
平台
许可证MIT License
所有者活动
创建于2018-03-03 13:07:36
推送于2020-03-22 05:13:09
最后一次提交2020-03-22 16:12:17
发布数0
用户参与
星数779
关注者数29
派生数268
提交数55
已启用问题?
问题数29
打开的问题数9
拉请求数5
打开的拉请求数8
关闭的拉请求数7
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?