From 68d13a30d579579bbfb103e0568c164975a25a1a Mon Sep 17 00:00:00 2001 From: Heather Faerber Date: Fri, 14 Feb 2025 14:06:15 -0700 Subject: [PATCH] Add Vite to link label --- module4/lessons/intro-to-typescript.md | 2 +- module4/lessons/typescript-workshop.md | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/module4/lessons/intro-to-typescript.md b/module4/lessons/intro-to-typescript.md index b5cb3d10..bc257b94 100644 --- a/module4/lessons/intro-to-typescript.md +++ b/module4/lessons/intro-to-typescript.md @@ -329,7 +329,7 @@ Open up this [Trivia Repo](https://github.com/turingschool-examples/trivia-types
### Spinning up a React App with TypeScript Using Vite -If you're creating a TS React app from scratch, [this doc page](https://vite.dev/guide/#scaffolding-your-first-vite-project) for starting up a TS React App using Vite will be very useful. It's more difficult to add in TS after the fact than to start fresh with TS from the start, but it can be done, of course. +If you're creating a TS React app from scratch, [this Vite doc page](https://vite.dev/guide/#scaffolding-your-first-vite-project) for starting up a TS React App using Vite will be very useful. It's more difficult to add in TS after the fact than to start fresh with TS from the start, but it can be done, of course. [Create React App](https://create-react-app.dev/) used to be a common way to build a new create app but has since been deprecated. Vite is the modern preferred option.
diff --git a/module4/lessons/typescript-workshop.md b/module4/lessons/typescript-workshop.md index 9436a78c..8cb62a29 100644 --- a/module4/lessons/typescript-workshop.md +++ b/module4/lessons/typescript-workshop.md @@ -7,13 +7,13 @@ tags: JavaScript, JS, TypeScript, TS, React You will spend this time applying your knowledge of TypeScript to build a simple React app with TypeScript. -**1.** You should begin by creating a new React app with TypeScript by following the steps outlined in the [create-react-app docs](https://create-react-app.dev/docs/adding-typescript/). +**1.** You should begin by creating a new React app with TypeScript by following the steps outlined in the [Vite docs](https://vite.dev/guide/#scaffolding-your-first-vite-project). **2.** Once you've got your React with TypeScript app created, start building! You have choices here: -- Recreate the IdeaBox from last inning by following [this guide](https://curriculum.turing.edu/module3/lessons/react_ideabox). As you go, let the TypeScript errors guide you to make the necessary adjustments to your code. +- Recreate the IdeaBox from last inning by following [this guide](https://curriculum.turing.edu/module3/lessons/react_ideabox). This guide is for building an ideabox using React and JavaScript, not TypeScript. As you go, let the TypeScript errors guide you to make the necessary adjustments to your code. - Build anything you like. Get creative! Try to keep the scope super small - remember, you only have a few hours to work on this! -You can and shoud be collaborative during this time. Jump into study hall, ask questions in your code-help channel, use the internet, etc. This is meant to be time to practice your TS fundamentals - don't get disctracted by other things (like CSS). +You can and should be collaborative during this time. Jump into study hall, ask questions in your code-help channel, use the internet, etc. This is meant to be time to practice your TS fundamentals - don't get disctracted by other things (like CSS). **Have fun!**