---
title: Reduced Test Cases
---

<script>
  import CodepenDemo from '../src/lib/components/CodepenDemo.svelte'
  import { variables } from '../src/lib/utils/variable-injection.js'
  const sb = variables.site.fullcalendar_examples_stackblitz
</script>

## Step 1: Isolate the bug on your end

More often than not, the problem is with your code, not with FullCalendar. To determine this, remove as much of your code as possible:

- Remove all unrelated stylesheets and JS files
- Remove all unrelated 3rd party libraries
- Remove all server-side logic. Use static HTML and JSON files instead.

For more info on this technique, read [Reduced Test Cases](http://css-tricks.com/reduced-test-cases/).

## Step 2: Post a public demonstration of the bug

Use a service like [Codepen](http://codepen.io/) or [JSFiddle](http://jsfiddle.net/) to demonstrate the bug online. Enter your JS, CSS, HTML, and JSON and wire up all the relevant dependencies. To help you get started, here are some **debugging templates:**

<!-- NOTE: when updating these URLs, also update in individual doc articles -->

- <CodepenDemo codepenDataUrl='intro/initialize-globals-demo' label='Standard'
  /> (<CodepenDemo codepenDataUrl='debug-json-feed' label='with JSON feed' />)
- <CodepenDemo codepenDataUrl='debug-scheduler' label='Premium plugins'
  /> (<CodepenDemo codepenDataUrl='debug-scheduler-json-feed' label='with JSON feed' />)
- React
  - <a href='{sb}/react19' target='_blank'>Standard Theme</a>
  - Shadcn: <a href='{sb}/shadcn-event-calendar' target='_blank'>standard</a> | <a href='{sb}/shadcn-scheduler' target='_blank'>premium</a>
  - MUI: <a href='{sb}/mui-event-calendar' target='_blank'>standard</a> | <a href='{sb}/mui-scheduler' target='_blank'>premium</a>
- <a href='{sb}/vue3' target='_blank'>Vue 3</a>
- <a href='{sb}/angular21' target='_blank'>Angular 21
  </a> | <a href='{sb}/angular20' target='_blank'>20
  </a> | <a href='{sb}/angular19' target='_blank'>19
  </a> | <a href='{sb}/angular18' target='_blank'>18
  </a> | <a href='{sb}/angular17' target='_blank'>17
  </a> | <a href='{sb}/angular16' target='_blank'>16
  </a> (if using Brave, ensure your <a href='https://developer.stackblitz.com/platform/webcontainers/browser-config-brave'>"shields are down"</a>)