Tutorial 5: React

Objectives

• Learn the basics of React and Bootstrap (another CSS library, like Tailwind)

Prerequisites

You should already have some basic knowledge of:

• HTML/CSS (HTML/CSS Workshop Here)
• JavaScript (JavaScript Workshop Here)
• Typescript (TypeScript Part 1 Workshop Here)(TypeScript Part 2 Workshop Here)

Please review the JavaScript cheatSheet or TypeScript cheatSheet files. If any of this content seems unfamiliar or unknown, head to the other workshops and review the content!

Tools

Ensure you have all the tools downloaded from the main README.md file.

• Node (you should already have this enstalled) ensure version > 16
• Prettier VSCode Extension

Setup

We will complete setup during the workshop

That’s it! You should be all set to go!

Tutorial

We will be following along with these videos (24 mins total): React Basics (80 mins)

Extra Materials

Tic-Tac-Toe Tutorial Personal Portfolio Website with Animations Digital Store