Update readme

README.md

@@ -16,6 +16,7 @@ npm i react-async-elements
   - [`<Script>`](#script)
   - [`<Video>`](#video)
   - [`<Audio>`](#audio)
+  - [`<Preload>`](#preload)
   - [`<IFrame>`](#todo)
   - [`<Embed>`](#todo)
   - [`<Stylesheet>`](#todo)
@@ -138,6 +139,39 @@ function App() {
 export default App;
 ```
 
+### `<Preload>`
+
+Preload a resource with `<link rel="preload">`.
+
+**More Info:**
+
+- [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content)
+- [Google Developer Blog](https://developers.google.com/web/updates/2016/03/link-rel-preload)
+
+**props**
+
+- `href: string`
+- `as: string` - resource type
+
+```js
+import React from 'react';
+import { Preload, Script } from 'react-async-elements';
+
+function App() {
+  return (
+    <div>
+      <h1>Preload</h1>
+      <React.Placeholder delayMs={300} fallback={'loading...'}>
+        <Preload href="https://js.stripe.com/v3/" rel="preload" as="script" />
+        <Script src="https://js.stripe.com/v3/" async />
+      </React.Placeholder>
+    </div>
+  );
+}
+
+export default App;
+```
+
 ## Todo
 
 - [ ] `<IFrame>`

package.json

@@ -61,4 +61,4 @@
     "singleQuote": true,
     "semi": true
   }
-}
+}