babel-plugin-react-suspense
v1.0.10
Published
a way to wrap component with React.Suspense as `suspense` prop
Downloads
419
Maintainers
ri7nzReadme
<Component suspense={<Fallback />} />
↓ ↓ ↓ ↓ ↓ ↓
<React.Suspense fallback={<Fallback />}><Component /></React.Suspense
Features
- 🤖 Smart enough to import and use
Suspensebased on user source. - 🌟 Simply to adopt (just add new attributes or props in your element with
suspenseas key and value asfallback.
Getting Started
[Back to the Table of Contents] ↑
Installation
[Back to the Getting Started] ↑
- yarn
yarn add babel-plugin-react-suspense
- npm
npm -i babel-plugin-react-suspense
Configuration
[Back to the Getting Started] ↑
// babel configuration
-- plugins: []
++ plugins: ["babel-plugin-react-suspense"]Usage
[Back to the 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).
const App = () => (
<>
<User suspense={<Fallback />} />
</>
);