kriasoft / kriasoft/react-firebase-starter

Integrate react-app-tools

Open
#121 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.5k
Forks
752
PR merge metrics
No merged PRs in 30d

Description

What do you think about extracting (1) `webpack.config.js`, (2) all the dev dependencies (~50), and automation scripts (`build`, `run`) into a stand-alone npm package ([`react-app`](https://github.com/kriasoft/react-app))?

This way it might be easier for you to keep a project based on RSB template up to date, you just update `react-app-tools` dev dependency in your project from time to time, which will ensure that you're using the latest and greatest configs and CLI tools ready to be used for building, running and testing your React application.

The `package.json` file in your project will look nice and clean, literally:

``` json
{
"private": true,
"dependencies": {
"history": "^3.0.0",
"react": "^15.2.1",
"react-app": "^1.1.1",
"react-dom": "^15.2.1",
"react-redux": "^4.4.5",
"redux": "^3.5.2",
"whatwg-fetch": "^1.0.0"
},
"devDependencies": {
"react-app-tools": "^1.1.1",
},
"scripts": {
"build": "react-app build",
"start": "react-app run",
}
}
```
### FAQ
- **Will I be able to customize Babel, Webpack, Browsersync and other configs?**
Yes, there will be an easy way to extend/tweak the default configs (Webpack, Babel, PostCSS etc.)
- **Will I be able to customize automation scripts?**
Yes, there will be an easy way to add or customize the existing scripts (`build`, `run` etc.)
### Preview

https://github.com/kriasoft/react-app

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with webpack.config.js, package.json, and the existing build and run automation scripts. Compare them with the proposed react-app and react-app-tools packages, then determine how the configuration and scripts should be extracted and customized. Done means the starter uses the standalone packages while retaining the documented build, run, and testing workflow.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, webpack
Domain
build-system, frontend, tooling
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.