create-react-app 0.5.0

v0.5.0

on Node.js NPM

0.5.0 (September 23, 2016)

Build Dependency (react-scripts)

• Adds support for public folder with arbitrary assets. (@gaearon in #703)
• You can now specify defaults for environment variables with .env file. (@ayrton in #695)
• Ejecting now generates proper .babelrc and .eslintrc. (@fson in #689, @gaearon in #705)
• Some React warnings now include the component stacktrace. (@gaearon in #716)
• npm start doesn’t fail in a composed Docker container. (@arekkas in #711)
• The projects generated with eject are now cleaner. (@gaearon in #723)
• The project is now managed as a monorepo. (@ryanyogan in #419, @fson in #678)

ESLint Config (eslint-config-react-app)

• Published for the first time! (@fson in #689)
• Added react/no-danger-with-children and react/style-prop-object rules. (@fson in #696)

Babel Preset (babel-preset-react-app)

• Published for the first time! (@fson in #701)

Utilities (react-dev-utils)

• Published for the first time! (@gaearon in #723)

Global CLI (create-react-app)

• Added README to npm. There were no other changes.

Migrating from 0.4.3 to 0.5.0

Inside any created project that has not been ejected, run:

npm install --save-dev --save-exact react-scripts@0.5.0

Breaking Changes in 0.5.0

Global ESLint Plugin Versions

If you used a global ESLint installation for the editor integration, you’ll need to install these versions of global ESLint packages.

Moving index.html into public Folder

You’ll also need to create a new folder called public in the root of your project. Then, move index.html and files it references (such as a favicon) into that folder.

You can no longer reference any files from ./src in index.html. Instead, public/index.html can now only reference files other inside of the public folder using a special variable called %PUBLIC_URL%.

For example, instead of:

<link rel="shortcut icon" href="./src/favicon.ico">

You would need to move both index.html and src/favicon.ico into the public folder, and change <link> to look like this:

<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">

This ensures it become a part of the build output, and resolves correctly both with client-side routing and non-root homepage in package.json. Read more about using the public folder and why these changes were made.