Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
react-app-polyfill
Advanced tools
Package description
The react-app-polyfill package provides a set of polyfills necessary for a React application to run on older browsers. It includes polyfills for features like Promises, fetch, and other ES6+ features not supported in older browsers.
IE 9 Support
This feature includes polyfills for IE9 compatibility, ensuring that features like Array.prototype methods and requestAnimationFrame are supported.
import 'react-app-polyfill/ie9';
IE 11 Support
This feature includes polyfills for IE11 compatibility, providing support for ES6 features not available in IE11.
import 'react-app-polyfill/ie11';
Stable Features Support
This feature includes polyfills for stable language features that are widely adopted by most modern browsers but may be missing in some older versions.
import 'react-app-polyfill/stable';
Core-js is a modular standard library for JavaScript, which includes polyfills for ECMAScript up to 2021. It's more comprehensive than react-app-polyfill but requires manual configuration for specific features.
Babel-polyfill is now deprecated in favor of core-js and regenerator-runtime. It used to provide a smoother development experience by emulating a full ES2015+ environment.
Polyfill.io is a service that provides polyfills based on the user's browser user-agent. It's different from react-app-polyfill in that it's a service rather than a package you include in your project.
Es6-shim is a shim for legacy JavaScript engines to support ES6 features. It's similar to react-app-polyfill but does not tailor specifically to React applications.
Readme
This package includes polyfills for various browsers. It includes minimum requirements and commonly used language features used by Create React App projects.
First, install the package using Yarn or npm:
npm install react-app-polyfill
or
yarn add react-app-polyfill
You can import the entry point for the minimal version you intend to support to ensure that the minimum language features are present that are required to use Create React App. For example, if you import the IE9 entry point, this will include IE10 and IE11 support.
These modules ensure the following language features are present:
Promise
(for async
/ await
support)window.fetch
(a Promise-based way to make web requests in the browser)Object.assign
(a helper required for Object Spread, i.e. { ...a, ...b }
)Symbol
(a built-in object used by for...of
syntax and friends)Array.from
(a built-in static method used by array spread, i.e. [...arr]
)If you need more features, see the Polyfilling other language features section below.
// This must be the first line in src/index.js
import 'react-app-polyfill/ie9';
// ...
// This must be the first line in src/index.js
import 'react-app-polyfill/ie11';
// ...
You can also polyfill stable language features not available in your target browsers. If you're using this in Create React App, it will automatically use the browserslist
you've defined to only include polyfills needed by your target browsers when importing the stable
polyfill. Make sure to follow the Internet Explorer steps above if you need to support Internet Explorer in your application.
// This must be the first line in src/index.js
import 'react-app-polyfill/stable';
// ...
If you are supporting Internet Explorer 9 or Internet Explorer 11 you should include both the ie9
or ie11
and stable
modules:
For IE9:
// These must be the first lines in src/index.js
import 'react-app-polyfill/ie9';
import 'react-app-polyfill/stable';
// ...
For IE11:
// These must be the first lines in src/index.js
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
// ...
FAQs
Polyfills for various browsers including commonly used language features
The npm package react-app-polyfill receives a total of 3,350,609 weekly downloads. As such, react-app-polyfill popularity was classified as popular.
We found that react-app-polyfill demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 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.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.