Here are some React Components...

Toggle Button



From (Cassidy Williams' astro-netlify-starter )

Count: 0

List of Characters from an API call

(Tutorial by Colby Fayock)

Here is the code for this page:

import BaseLayout from '../../layouts/BaseLayout'
import Button from '../../components/Button.jsx';
import Counter from '../../components/Counter.jsx';
import Characters from '../../components/Characters.jsx';
import { Markdown } from 'astro/components';

const characters = await fetch('')
.then((res) => res.json());
<BaseLayout title="React Component Playground" >

    <h2>Here are some React Components...</h2>

    <Button client:visible />
    <Counter client:visible />
    <Characters characters={characters} client:visible />

      ## Here is the code for this page:
      (code here)