@iov/browser-extension-react-scripts
Advanced tools
(3.3.0) Chrome extension configuration for Create React App.
This package has been modified for supporting typescript chrome extensions development, using webpack's HMR and Typescript (optionally).
Those changes and modifications have been done under the license specified in the root foolder.
Changes applied in this package have been inspired from (cra-build-watch)[https://github.com/Nargonath/cra-build-watch] and my (PR)[https://github.com/Nargonath/cra-build-watch/pull/29]
This package includes scripts and configuration used by Create React App.
Please refer to its documentation:
3.3.0 (2019-12-04)
v3.3.0 is a minor release that adds new features, including custom templates and support for the new optional chaining and nullish coalescing operators.
You can now create a new app using custom templates.
We've published our existing templates as cra-template and cra-template-typescript, but we expect to see many great templates from the community over the coming weeks.
The below command shows how you can create a new app with cra-template-typescript.
npx create-react-app my-app --template typescript
Note that you can omit the prefix cra-template- when specifying which template you would like. For TypeScript users, we're deprecating --typescript in favour of --template typescript.
If you don't set a template, we'll create your new app with cra-template - which is just a new name for our base template.
We now support the optional chaining and nullish coalescing operators!
// Optional chaining
a?.(); // undefined if `a` is null/undefined
b?.c; // undefined if `b` is null/undefined
// Nullish coalescing
undefined ?? 'some other default'; // result: 'some other default'
null ?? 'some other default'; // result: 'some other default'
'' ?? 'some other default'; // result: ''
0 ?? 300; // result: 0
false ?? true; // result: false
If you're using TypeScript, you will need to upgrade your typescript dependency to 3.7.0 or later if you wish to use the new operators.
If you're using Visual Studio Code 1.40 (the latest as of this release) or earlier, you will need to configure your editor if you want it to understand the new operators.
If you're using TypeScript in your project and have already upgrade its version as described above, then you can configure VS Code to Use Workspace Version of TypeScript. If your project isn't using TypeScript, you can use the JavaScript and TypeScript Nightly extension until VS Code releases a newer version including TypeScript 3.7.0 or newer.
We've added support for numeric separators to improve readability of numeric literals.
1000000000; // Is this a billion? a hundred millions? Ten millions?
101475938.38; // what scale is this? what power of 10?
1_000_000_000; // Ah, so a billion
101_475_938.38; // And this is hundreds of millions
We've removed this rule as it is not compatible with Prettier. If you rely on this rule you can re-enable it by extending our ESLint config and adding the following:
{
"extends": "react-app",
"rules": {
"no-unexpected-multiline": "warn"
}
}
babel-preset-react-app
babel-preset-react-app, react-dev-utils
cra-template-typescript, cra-template, create-react-app, react-scripts
create-react-app, react-dev-utils, react-scripts
#7988 Bump webpack-dev-server (@ianschmitz)
NOTE: This is only a breaking change if you're using react-dev-utils outside of Create React App.
eslint-config-react-app
create-react-app
react-scripts
react-dev-utils
cra-template-typescript, cra-template
react-scripts
cra-template
create-react-app, react-error-overlay
babel-preset-react-app
react-dev-utils, react-scripts
babel-preset-react-app
react-dev-utils
react-scripts
react-scripts
eslint-config-react-app
create-react-app
cra-template-typescript
create-react-app, react-dev-utils, react-scripts
babel-preset-react-app, cra-template-typescript, cra-template, create-react-app, react-dev-utils, react-error-overlay, react-scripts
create-react-app, react-dev-utils, react-scripts
react-app-polyfill
babel-preset-react-app, react-app-polyfill, react-dev-utils, react-scripts
react-scripts
babel-preset-react-app, cra-template-typescript, create-react-app, react-app-polyfill, react-dev-utils, react-error-overlay, react-scripts
react-dev-utils
babel-plugin-named-asset-import, babel-preset-react-app, react-error-overlay, react-scripts
react-error-overlay, react-scripts
FAQs
(3.3.0) Chrome extension configuration for Create React App.
We found that @iov/browser-extension-react-scripts demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket Fix 2.0 brings targeted CVE remediation, smarter upgrade planning, and broader ecosystem support to help developers get to zero alerts.
Security News
Socket CEO Feross Aboukhadijeh joins Risky Business Weekly to unpack recent npm phishing attacks, their limited impact, and the risks if attackers get smarter.
Product
Socket’s new Tier 1 Reachability filters out up to 80% of irrelevant CVEs, so security teams can focus on the vulnerabilities that matter.