---
[](https://github.com/r17x/babel-plugin-react-suspense/actions/workflows/release.yml?query=branch%3Amain+)
[](https://app.codecov.io/gh/r17x/babel-plugin-react-suspense)
[](https://www.npmjs.com/package/babel-plugin-react-suspense/v/latest)
[](https://www.npmjs.com/package/babel-plugin-react-suspense/v/latest)
[](https://github.com/r17x/babel-plugin-react-suspense/blob/main/LICENSE)
[](https://github.com/r17x/babel-plugin-react-suspense#contributors)
## Features
- 🤖 Smart enough to import and use `Suspense` based on _user_ source.
- 🌟 Simply to adopt (just add new attributes or props in your element with `suspense` as key and value as `fallback`.
## Getting Started
[\[Back to the Table of Contents\] ↑](#toc)
- [Installation](#installation)
- [Configuration](#configuration)
- [Usage](#usage)
### Installation
[\[Back to the Getting Started\] ↑](#getting-started)
- yarn
- `yarn add babel-plugin-react-suspense`
- npm
- `npm -i babel-plugin-react-suspense`
### Configuration
[\[Back to the Getting Started\] ↑](#getting-started)
```diff
// babel configuration
-- plugins: []
++ plugins: ["babel-plugin-react-suspense"]
```
### Usage
[\[Back to the Getting Started\] ↑](#getting-started)
This babel plugin will enable special prop name (attributes jsx) called `suspense` every `JSXElement` declaration. (seem like `css` prop, if you familiar with `styled-component` or `emotion`).
```javascript
const App = () => (
<>
} />
);
```
# Contributors
[\[Back to the Table of Contents\] ↑](#toc)
