@cloudflare/sable

A collection of React components for Cloudflare App developers.

Usage no npm install needed!

<script type="module">
  import cloudflareSable from 'https://cdn.skypack.dev/@cloudflare/sable';
</script>

README

Sable Components

A collection of React components for Cloudflare App developers.

This project is in active development and may experience frequent changes.

Installation

yarn add @cloudflare-apps/sable
import React from 'react'
import RelatedAppsBanner from '@cloudflare-apps/sable/related-apps-banner'

class MyReactApp extends React.Component {
  render () {
    return <div>
      <RelatedAppsBanner categories={['analytics', 'make-money-on-your-site']} />
    </div>
  }
}

Development Setup

yarn install
yarn start

Testable pages will be logged to the console.

Publishing new React components

Manually bump package.json version number. Then run the publish command:

yarn run publish-package

Deploying the static pages

yarn add @cloudflare-apps/components

Static pages are present at node_modules/@cloudflare-apps/sable/pages You can test these via:

yarn add @cloudflare-apps/sable
cd node_modules/@cloudflare-apps/sable
python -m SimpleHTTPServer 8000

http://localhost:8000/pages/related-apps-banner/?app-category=analytics