Skip to content

Releases: facebook/create-react-app

v0.9.0

11 Feb 03:31
@Timer Timer
v0.9.0
84be4dd
Compare
Choose a tag to compare
v0.9.0

0.9.0 (February 11, 2017)

🚀 New Feature

  • react-scripts

    • #1489 Support setting "homepage" to "." to generate relative asset paths. (@tibdex)

      Applications that don’t use the HTML5 pushState API can now be built to be served from any relative URL. To enable this, specify "." as your homepage setting in package.json. It used to be possible before with a few known bugs, but they should be fixed now. See Serving the Same Build from Different Paths.

    • #937 Add PUBLIC_URL environment variable for advanced use. (@EnoahNetzach)

      If you use a CDN to serve the app, you can now specify PUBLIC_URL environment variable to override the base URL (including the hostname) for resources referenced from the built code. This new variable is mentioned in the new Advanced Configuration section.

    • #1440 Make all REACT_APP_* environment variables accessible in index.html. (@jihchi)

      This makes all environment variables previously available in JS, also available in the HTML file, for example %REACT_APP_MY_VARIABLE%. See Referencing Environment Variables in HTML.

  • react-dev-utils

    • #1148 Configure which browser to open with npm start. (@GAumala)

      You can now disable the automatic browser launching by setting the BROWSER environment variable to none. You can also specify a different browser (or an arbitrary script) to open by default, as supported by opn command that we use under the hood. See Advanced Configuration.

💥 Breaking Change

🐛 Bug Fix

  • react-scripts

    • #1441 Added babel-runtime dependency to deduplicate dependencies when using Yarn. (@jkimbo)

      This works around a bug in Yarn that caused newly created projects to be over 400MB. Now they are down to 126MB, just like with npm 3.

    • #1522 Upgrade dependencies. (@Timer)

    • #1458 Additionally remove react-scripts from dependencies on eject. (@creynders)

    • #1309 Bump babel-loader version (#1009). (@frontsideair)

    • #1267 Only gitignore directories in root, not deep. (@jayphelps)

  • react-dev-utils

💅 Enhancement

📝 Documentation

🏠 Internal

  • Internal Test Suite
    • #1519 Add test cases for PUBLIC_URL and relative path. (@Timer)
    • #1484 Improve e2e-kitchensink and Jest coverage. ([@Timer...
Read more
Assets 2

v0.8.5

09 Jan 15:56
@fson fson
v0.8.5
a5b8389
Compare
Choose a tag to compare
v0.8.5

0.8.5 (January 9, 2017)

🐛 Bug Fix

  • create-react-app, react-scripts

    • #1365 Use yarnpkg alias to run Yarn. (@fson)

      Fixes an issue where running create-react-app failed on systems with Apache Hadoop installed because it falsely detected Hadoop YARN executable as Yarn package manager.

Committers: 1

  • Ville Immonen (fson)

Migrating from 0.8.4 to 0.8.5

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

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

You may also optionally update the global command-line utility:

npm install -g create-react-app@1.0.3
Assets 2

v0.8.4

11 Dec 11:57
@gaearon gaearon
v0.8.4
96f4be9
Compare
Choose a tag to compare
v0.8.4

0.8.4 (December 11, 2016)

🐛 Bug Fix

  • react-scripts

    • #1233 Disable subresource integrity temporarily. (@Timer)

      We added Subresource Integrity checks to the build output in 0.8.2 but it turns out that they may fail in browsers using special compression proxies, such as Chrome on Android, when served over HTTP. We disabled the checks until we can find a safe way to add them.

  • react-dev-utils

    • #1226 Fix weird lint output. (@n3tr)

      Fixes strange lint message formatting in some edge cases.

    • #1215 Fix - openChrome won't open default browser (using Canary). (@n3tr)

      Fixes a regression that caused stable Google Chrome to be opened even if you are using Canary as the default browser.

  • create-react-app

    • #1223 Clean up Yarn detection and install code. (@fson)

    Fixes noisy output on Windows when Yarn is not installed.

    • #1224 Exit with an error code when npm/yarn install fails. (@fson)

💅 Enhancement

  • react-scripts

    • #1237 Clear scrollback in test mode. (@gaearon)

      Ensures test watcher clears the console before running.

    • #1229 Disable jest watch mode when --coverage flag is present [#1207]. (@BenoitAverty)

      Since coverage doesn't work well with watch mode, we don’t run the watcher on npm test -- --coverage anymore.

    • #1212 Proxy rewrites Origin header to match the target server URL. (@koles)

      Makes sure more API endpoints can work with the proxy setting.

    • #1222 Disable gh-page setup instruction if scripts.deploy has been added. (@n3tr)

      Suppresses the instructions printed at the end of npm run build if npm run deploy already exists.

  • create-react-app

    • #1236 Tweak console messages. (@gaearon)

      Makes error messages more friendly.

    • #1195 Use "commander" for cli argv handling. (@EnoahNetzach)

      Adds create-react-app --help with a list of options.

  • react-dev-utils

    • #1211 Use a better clear console sequence. (@gaearon)

      Ensures the development server clears the terminal when files are changed.

📝 Documentation

  • react-dev-utils
    • #1232 [documentation] fix html-dev-plugin link in react-dev-utils doc. (@shogunsea)
  • react-scripts
    • #1220 Adding troubleshooting information about Subresource Integrity digests.. (@dfbaskin)

🏠 Internal

Committers: 10

Migrating from 0.8.3 to 0.8.4

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

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

You may also optionally update the global command-line utility:

npm install -g create-react-app@1.0.2
Assets 2

v0.8.3

08 Dec 15:46
@gaearon gaearon
v0.8.3
e7d71bd
Compare
Choose a tag to compare
v0.8.3

0.8.3 (December 8, 2016)

🐛 Bug Fix

  • create-react-app

    • #1204 Catch synchronous errors from spawning yarn. (@gaearon)

      Fixes a crash when running create-react-app in some cases.

  • react-scripts

    • #1203 Update webpack-subresource-integrity to fix Windows builds. (@gaearon)

      Fixes a crash when running npm run build on Windows.

    • #1201 Instruct Jest to load native components from RNW instead of RN. (@remon-georgy)

      Fixes tests for users of React Native Web.

📝 Documentation

  • react-scripts

Committers: 3

Migrating from 0.8.2 to 0.8.3

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

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

You can optionally update the global CLI too:

npm install -g create-react-app@1.0.1
Assets 2

v0.8.2

07 Dec 21:32
@gaearon gaearon
v0.8.2
49414d6
Compare
Choose a tag to compare
v0.8.2

0.8.2 (December 7, 2016)

🚀 New Feature

  • react-scripts

    • #1176 Add Subresource Integrity support. (@XVincentX)

      The generated HTML now includes Subresource Integrity attributes ensuring that your users aren't served malicious code if your CDN gets compromised.

🐛 Bug Fix

  • react-scripts

    • #1197 Let Jest handle all file types. (@gaearon)

      Since 0.8.0, we started treating imports of any unknown file extensions as URLs. However, we had to revert this change for the test configuration in 0.8.1 because of a bug causing false positives. In 0.8.2, we are fixing this and making test configuration treat imports with unknown extensions the same way as we do in the browser environment.

    • #1194 Only honor relative NODE_PATH. (@gaearon)

      Historically we have allowed specifying NODE_PATH environment variable as a way to allow “absolute imports”. For example, running NODE_PATH=src npm start in Bash or set NODE_PATH=src&&npm start in Windows Cmd would let you import anything inside src without specifying a relative path. However, we found a few nasty edge cases when Node.js core modules end up being in NODE_PATH and erroneously become bundled. As a result the build would crash on some systems when some libraries are imported. To fix this, we now only honor relative paths from NODE_PATH in Create React App. This means the existing use case for absolute imports is still supported (src in the example above is relative), but absolute paths in NODE_PATH (such as paths to Node.js core modules) will be ignored.

    • #1188 Update Webpack to fix source map issues. (@gaearon)

      Since 0.8.0, we show source maps in development instead of the compiled code. However, it has come to our attention that Webpack's source map implementation had issues interpreting Babel output, and caused source maps to be wrong and breakpoints to be unusable in some cases. Webpack has released a fix for this, and we have updated the minimal version of Webpack that we are using.

    • #1180 Use file-loader for svgs. (@bogdansoare)

      Since 0.8.0, we are treating all imports with non-JS/CSS extensions the same way. Importing them gives you a string with their URL, and if their content is small enough (less than 10K), the URL is in fact an inlined data URI. However, this doesn't work well with SVGs in case you use them for a sprite system since fragments don't work in data URIs, and it's wasteful to inline the same sprite SVG many times. To fix this, we have added an exception so that SVG files never get inlined.

  • react-dev-utils

    • #1165 Chrome 'open tab' reuse an empty tab when possible. (@n3tr)

      Fixes an issue that caused two tabs to get opened instead of just one. It also fixes some cases where the window with the existing tab would not get activated.

  • babel-preset-react-app

    • #1179 Fix Babel issues in tests by applying the right transforms. (@gaearon)

      Fixes regressions in test environment that caused syntax errors with generators and async / await.

💅 Enhancement

  • eslint-config-react-app

    • #1191 Relax peerDependencies for ESLint preset. (@gaearon)

      This allows the preset to be used in more apps without peer dependency conflicts. We still pin the exact versions in apps that haven't ejected for extra safety.

    • #1159 Make jsx-no-undef rule an error. (@existentialism)

      Using an undefined type in JSX is now treated as a hard lint error because it is guaranteed to crash application at runtime.

  • react-scripts

    • #1175 Remove path module from webpack config on eject. (@harunhasdal)

      This makes the output after ejecting a bit cleaner.

    • #1120 Add testURL to Jest config. (@spudly)

      This fixes an error when running tests that interact with History API in jsdom.

📝 Documentation

Committers: 12

Migrating from 0.8.1 to 0.8.2

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

npm install --save-dev --save-exact react-scripts@0.8.2
Assets 2

v0.8.1

04 Dec 09:14
@fson fson
v0.8.1
b844e4e
Compare
Choose a tag to compare
v0.8.1

0.8.1 (December 4, 2016)

🐛 Bug Fix

  • react-scripts
    • #1149 Fix incorrectly stubbing JavaScript files with a dot in the import path in tests. (@fson)

Migrating from 0.8.0 to 0.8.1

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

npm install --save-dev --save-exact react-scripts@0.8.1
Assets 2

v0.8.0

03 Dec 16:12
@fson fson
v0.8.0
5ee027d
Compare
Choose a tag to compare
v0.8.0

0.8.0 (December 3, 2016)

🚀 New Feature

  • react-scripts

    • #944 Crash the build during CI whenever linter warnings are encountered. (@excitement-engineer)

      Linter warnings and errors are now checked during a continuous integration build (set by the CI environment variable) and the build will fail if any issues are found. See Continuous Integration for more information.

    • #1090 Enable proxying of WebSockets. (@dceddia)

  • create-react-app, react-scripts

    • #898 Support Yarn. (@fson)

      Yarn is a new fast, reliable and secure alternative to the npm client. If you have Yarn installed, create-react-app will use it to install packages when you create an app. It also creates a yarn.lock file that should be checked into source control (e.g. git). This ensures the same versions of packages will be installed each time yarn install is run, on any machine.

      react-scripts now also displays instructions using yarn commands for projects using Yarn (projects having a yarn.lock file).

      To create a project using Yarn, simply install yarn and use create-react-app like before:

      npm install -g yarn create-react-app@latest

create-react-app my-app  # Packages are now installed with Yarn.

💥 Breaking Change

  • babel-preset-react-app

    • #902 Enable useBuiltIns option on object-rest-spread. (@existentialism)

      Object rest spread and JSX now use the native Object.assign() method instead of Babel's helper function. If you are using babel-preset-react-app directly in your project and targeting browsers that don't have Object.assign() available, from now on you need a polyfill for it (e.g. object-assign).

      Note: react-scripts already adds this polyfill, so no changes are necessary in Create React App projects.

🐛 Bug Fix

  • react-scripts

    • #978 Move the remove-on-eject-end tag at the end of the file. (@EnoahNetzach)

      Fixes a bug in ejected configuration.

    • #1017 Don't look for .babelrc file during test. (@nhajidin)

      Fixes a .babelrc file in a parent directory interfering with the npm test command.

    • #951 Check for presence of folders before continuing eject. (@heldinz)

      Fixes a bug where eject failed when a scripts or config folder already existed in the project.

  • react-dev-utils

    • #1035 Fix Chrome tab reuse. (@einarlove)

      Fixes a bug with the app not opening in the existing tab in Chrome.

    • #964 Catch and noop call to open web browser. (@spadin)

      Not being able to open a browser doesn't crash the development server now.

  • eslint-config-react-app, react-scripts
    • #953 Fix .ico file extension being handled by test configuration. (@vadzim)

💅 Enhancement

  • react-scripts

    • #1032 Add support for non-interactive terminal. (@sheerun)

    • #1078 Upgrade Jest to 17.0. (@fson)

    • #1059 Use url-loader with limit 10k as a default loader. (@bebbi)

      react-scripts now treats imports with any unknown file extension as a resource. Files with a size below 10 KB are inlined using a data URI and larger files copied to the build folder. This removes the need for an internal whitelist of supported file extensions. Any file that's not JS or CSS is now handled the same way.

    • #924 Enable JavaScript source maps in development. (@ekaradon)

    • #1058 Add missing dev argument in build script message. (@nhajidin)

    • #961 Add collectCoverageFrom option to collect coverage on files without any tests. (@pmackcode)

      The test script now considers all files in the project when calculating test coverage.

    • #968 Enable gzip compression in the development server (#966). (@frontsideair)

  • react-dev-utils, react-scripts

    • #816 add logging of existing default port process on start. (@ianmcnally)

      react-scripts can guess which process is running on the port 3000 when it's not available:

      Something is already running on port 3000. Probably:
  my-app
  in /Users/ian/dev/my-app

Would you like to run the app on another port instead?
  • react-dev-utils
    • #963 Allow webpack 2 as a peerDependency in react-dev-utils. (@einarlove)

📝 Documentation

🏠 Internal

Committers: 27

Read more
Assets 2

v0.7.0

22 Oct 20:55
@fson fson
v0.7.0
a5f760b
Compare
Choose a tag to compare
v0.7.0

0.7.0 (October 22, 2016)

Build Dependency (react-scripts)

  • Updates Jest to version 16.0, with an upgraded CLI, improved snapshot testing, new matchers and more. (@chase in #858)
  • Test setup file src/setupTests.js is now called after test framework initialization to support loading custom matchers. (@just-boris in #846)
  • Build command shows better instructions for deploying the app to GitHub Pages (@Janpot in #841)
  • Build command now generates an asset manifest with mappings from each filename to its final output filename. (@lukyth in #891)
  • Build command exits, if there are errors from UglifyJS (@pdillon in #859)
  • Eject output is more beautiful now. (@azakordonets in #769)
  • Fixes opening the app in a new tab in Chrome. (@unixdev in #831)
  • Fixes environment variables not being defined as normal properties of the process.env object. (@dvkndn in #807)
  • Fixes PostCSS autoprefixer not processing CSS files imported with CSS @import statements. (@nhunzaker in #929)

ESLint Config (eslint-config-react-app)

  • Adds import/no-webpack-loader-syntax rule that forbids using custom Webpack specific syntax to specify Webpack loaders in import statements. (@fson in #803)
  • react/react-in-jsx-scope rule ("React must be in scope") is now an error. (@gaearon in #822)
  • no-unused-expressions rule now allows the use of short circuit and ternary expressions. (@cannona in #724)

Babel Preset (babel-preset-react-app)

  • The preset now detects the Node.js version in test environment and disables unnecessary ES2015 transforms using using babel-preset-env. (@shubheksha in #878, @JeffreyATW in #927
    )
  • Fixes a duplicate dependency on babel-plugin-transform-regenerator. (@akofman in #864)

Utilities (react-dev-utils)

  • The error overlay is now disposed after fixing linting errors. (@jarlef in #856)
  • Adds support for Webpack 2 to webpackHotDevClient. (@michalkvasnicak in #840)

Global CLI (create-react-app)

  • Adds support for passing a scoped package name to the --scripts-version argument. (@pdillon in #826)
  • Fixes installing pre-release versions using a tarball URL with the --scripts-version argument. (@jihchi in #876)

Migrating from 0.6.1 to 0.7.0

You may optionally update the global command (it’s not required):

npm install -g create-react-app@0.6.0

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

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

Breaking Change in 0.7.0

Updating Snapshots

Jest 16 includes improvements to snapshot testing and changes to the snapshot format. If your project uses snapshot testing, you'll need to update the snapshot files. To update the snapshots, run:

npm test -- -u
Assets 2

v0.6.1

27 Sep 14:59
@gaearon gaearon
v0.6.1
dc6074a
Compare
Choose a tag to compare
v0.6.1

0.6.1 (September 27, 2016)

Build Dependency (react-scripts)

  • Babel and ESLint configuration is now placed into package.json after ejecting. (@montogeek in #773)

Utilities (react-dev-utils)

  • Fixes the syntax error overlay padding. (@fson in #758)

Migrating from 0.6.0 to 0.6.1

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

npm install --save-dev --save-exact react-scripts@0.6.1
Assets 2

v0.6.0

25 Sep 12:07
@gaearon gaearon
v0.6.0
0595362
Compare
Choose a tag to compare
v0.6.0

0.6.0 (September 25, 2016)

Build Dependency (react-scripts)

  • Adds an overlay for syntax errors in development. (@gaearon in #744)

Utilities (react-dev-utils)

  • Adds an alternative WebpackDevServer client that displays the error overlay. (@gaearon in #744)

Migrating from 0.5.1 to 0.6.0

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

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

Note: If the project fails to start, remove node_modules, ensure react-scripts is 0.6.0 in your package.json, and run npm install again. There seems to be an npm bug affecting this update.

Screenshot

This is the browser window when you make a syntax error:

Assets 2