add resources to readme

Author: kettanaito

Diff for: README.md

@@ -29,18 +29,27 @@
 
 ## Prerequisites
 
-- TODO: add prerequisites
-- Some
-- Pre-requisite
-- links
-- here
+You don't have to have any prior experience with Vitest or Vitest Broweser Mode
+to complete this workshop.
+
+- **A basic experience with TypeScript is required.**
+- **A basic experience with component-level testing is beneficial.** This
+  workshop works best if you've written component tests in the past. But don't
+  worry if you haven't, you will write a bunch of those during the workshop!
+- Get familiar with
+  [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/),
+  especially its
+  [Guiding Principles](https://testing-library.com/docs/guiding-principles). You
+  don't need to have any prior experience of using the library.
 
 ## Pre-workshop Resources
 
 Here are some resources you can read before taking the workshop to get you up to
 speed on some of the tools and concepts we'll be covering:
 
-- TODO: add resources
+- [**Why I Won't Use JSDOM**](https://www.epicweb.dev/why-i-won-t-use-jsdom)
+- [The Golden Rule of Assertion](https://www.epicweb.dev/the-golden-rule-of-assertions)
+- [True Purpose of Testing](https://www.epicweb.dev/the-true-purpose-of-testing)
 
 ## System Requirements
 

Diff for: exercises/01.sunsetting-jsdom/01.problem.break-jsdom/README.mdx

@@ -6,7 +6,7 @@ In this exercise, you have a simple React application that previews the files yo
 
 You can run and play around with the application using this command:
 
-```sh
+```sh nonumber
 npm run dev
 ```
 

Diff for: exercises/01.sunsetting-jsdom/01.solution.break-jsdom/README.mdx

@@ -23,14 +23,14 @@ Here, two things have my interest:
 
 I reflect those two expectations like so:
 
-```tsx
+```tsx nonumber nocopy
 expect(screen.getByText('file.txt')).toBeTruthy()
 expect(screen.getByText('hello world')).toBeTruthy()
 ```
 
 Looks like the first test is done. All that's left is to run via `npm test` and... Oh, no.
 
-```sh
+```sh nonumber nocopy
  FAIL  src/file-preview.test.tsx > displays the preview card
 TypeError: file.text is not a function
  ❯ src/file-preview.tsx:7:8
@@ -47,7 +47,7 @@ Except it's not. The `<FilePreview />` component calls the [`Blob.prototype.text
 
 Turns out, the `Blob.prototype.text` method isn't implemented in JSDOM. You can reproduce this in isolation as well by running this code:
 
-```ts
+```ts nonumber
 import { JSDOM } from 'jsdom'
 
 const dom = new JSDOM()

Diff for: exercises/README.mdx

@@ -1 +1,3 @@
 # React Component Testing with Vitest
+
+Hi! Welcome to the React Component Testing workshop!