Comments (6)
Just to clarify, what's the difference between react-app
and react-app-tools
packages:
react-app
- CLI tool and templates for scaffolding a new React project (install globally)react-app-tools
- a bunch of build/run configurations (Webpack, PostCSS, Browsersync, HMR etc.)
The react-app-tools
is going to be updated more often. If there is a minor version difference such as react-app-tools v0.2.0
vs v0.2.1
, it means that there are no any breaking changes or major improvements. All the major version changes are going to be documented, so you could get an idea by looking at the changelog what's actually changed, what benefits you get and whether you need to change any of your React components to comply with the changes.
It's sort of like JSX code that you can use for the most part as it is for the last 2 years, but the underlying React engine that runs your app has undergone lots of great improvements. You just pull the new React version and automatically gain all the benefits it brings to the table without refactoring your JSX code much. Same with react-app-tools
, over time it will bring more cool stuff into your project, which hopefully won't force you to refactor any of the source code of your React app.
Pro tip: you can use npm-check-updates
npm module for checking if all the dependencies in your project are up to date:
$ npm install -g npm-check-updates@latest
$ ncu # shows which dependencies are outdated
$ ncu -a # updates all the dependencies in package.json to the latest versions
$ npm install # installs outdated/missing npm packages based on package.json
from react-app.
@koistya Thanks for the update. My confusion stems from:
Here, on gitter, instructions were given to install react-app-tools as follows:
> react-app new
> react-app start```
but when I go to `https://www.npmjs.com/package/react-app-tools` instructions are given to:
```> npm install -g react-app
> react-app new
> react-app start```
So, if the correct instructions, as described on the npm page, to installing react-app-tools is `npm install -g react-app`, what exactly is `npm install -g react-app-tools`? Or should `npm install -g react-app-tools` be ignored as it is part of the install process of `npm install -g react-app`?
from react-app.
@TheoMer, npm install -g react-app-tools
was in the initial version (it contained both build configs and CLI tools), which later was changed to npm install -g react-app
(only CLI tools). Only CLI tools need to be installed globally.
from react-app.
Ok, understood.
react-static-boilerplate, via run.js,. allowed for project deployment to firebase, whose functionality is missing from react-app:
const config = {
title: 'React Static Boilerplate', // Your website title
url: 'https://rsb.kriasoft.com', // Your website URL
project: 'react-static-boilerplate', // Firebase project. See README.md -> How to Deploy
trackingID: 'UA-XXXXX-Y', // Google Analytics Site's ID
};
Can you port this over to react-app as well?
from react-app.
Yep, sure, will do.
from react-app.
Excellent.
from react-app.
Related Issues (20)
- Create screenshots demonstrating how this tool works
- Project name inconsistancy HOT 2
- Error: Cannot find module 'react-app-tools/run' HOT 3
- Rename 'pages' folder to 'routes'
- Add deployment script
- React-app SDK v1.1.1 update fails HOT 3
- Add tests
- react-app new fails after install HOT 8
- Add a configuration file with application settings HOT 1
- 404 errors on main.js and core/store.js of Features section
- Deploy app in S3 subfolder HOT 1
- Unable to start App HOT 1
- Need documentation HOT 3
- assets.json file structure HOT 2
- issue with react-app HOT 1
- Possible babel issues when migrating existing CRA HOT 5
- v3 - Commas added in body HOT 1
- Vulnerabilty in webpack-dev-server dependency of react-app-tools
- No package.json created HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-app.