@deloitte-digital-au/babel-preset-app-react

@deloitte-digital-au/babel-preset-react

Ract Babel preset used by Deloitte Digital for our modern web apps.

If you are using our webpack-config package. This is already pre-installed, please read the main instructions to configure this package.

Installing

Prerequisite

To use, you will need to install the Babel cli:

npm install @babel/cli --save-dev 

You may also like to set it up for a tool of your choice.

Install @deloitte-digital-au/babel-preset-react

npm install @deloitte-digital-au/babel-preset-app-react --save-dev

Then create a .babelrc in the root of your project:

{
	"presets": ["@deloitte-digital-au/babel-preset-app-react"]
}

IMPORTANT: Please ensure you polyfill Object.assign for older browsers.

Adding Typing (Optional)

Adding Typescript

npm install @babel/preset-typescript --save-dev 

Then add the typescript preset to your .babelrc

{
	"presets": [
		"@deloitte-digital-au/babel-preset-app-react",
		"@babel/preset-typescript"
	]
}

Adding Flow

npm install  @babel/preset-flow --save-dev

Then add the flow preset to your .babelrc

{
	"presets": [
		"@deloitte-digital-au/babel-preset-app-react",
		"@babel/preset-flow"
	]
}

Changelog

3.0.0

• Upgraded to core js 3

🚨 @babel/polyfill has been deprecated in favor of directly including core-js/stable (to polyfill ECMAScript features) and regenerator-runtime/runtime (needed to use transpiled generator functions). These should be installed at the project level.

import "core-js/stable";
import "regenerator-runtime/runtime";