Skip to content

Commit

Permalink
Merge pull request #386 from turingschool/ts
Browse files Browse the repository at this point in the history
Add Vite to link label
  • Loading branch information
hfaerber authored Feb 14, 2025
2 parents 103d76b + 68d13a3 commit f31ced5
Show file tree
Hide file tree
Showing 2 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion module4/lessons/intro-to-typescript.md
Original file line number Diff line number Diff line change
Expand Up @@ -329,7 +329,7 @@ Open up this [Trivia Repo](https://github.com/turingschool-examples/trivia-types
<section class="note">
### 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.
</section>
Expand Down
6 changes: 3 additions & 3 deletions module4/lessons/typescript-workshop.md
Original file line number Diff line number Diff line change
Expand Up @@ -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!**

Expand Down

0 comments on commit f31ced5

Please sign in to comment.