Skip to content

Commit 179cb56

Browse files
[docs] Add React SPA demos to repo and site (#179)
* Home section around over-prefetching. * Over-prefetching partial. * Changing carousel by content. * Adding link to React SPA demo to repo and site. * Shorter version of Glitch git URL.
1 parent fe43486 commit 179cb56

File tree

2 files changed

+17
-0
lines changed

2 files changed

+17
-0
lines changed

demos/spa/README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# Demo: Quicklink integration for create-react-app
2+
A demo showing how to use Quicklink with in a create-react-app site.
3+
To integrate your React SPA with Quicklink, follow the steps [here](https://github.com/GoogleChromeLabs/quicklink#single-page-apps-react).
4+
5+
## Glitch Source
6+
* [Link to Glitch App](https://create-react-app-quicklink.glitch.me/)
7+
* [Link to Project on Glitch](https://glitch.com/~create-react-app-quicklink)
8+
9+
## Installation
10+
```
11+
git clone https://api.glitch.com/git/create-react-app-quicklink
12+
npm install
13+
npm start
14+
npm run build
15+
```

site/src/demo.njk

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ sections:
1313
-
1414
description: A demo showing how to use Quicklink with Workbox for offline caching and links in the visible viewport.
1515
link: "* [Using Quicklink with Service Workers (via Workbox)](https://github.com/GoogleChromeLabs/quicklink/tree/master/demos/news-workbox)"
16+
- description: A demo showing how to integrate Quicklink with create-react-app.
17+
link: "* [Using Quicklink in a React single-page app](https://github.com/GoogleChromeLabs/quicklink/tree/master/demos/spa)"
1618
---
1719
{% extends "layouts/normal-section-wrapper.njk" %}
1820
{% block section %}

0 commit comments

Comments
 (0)