Sammeeey / SlotMachine

basic React + Vite app imitating a slot machine

SlotMachine

• basic React + Vite app inspired by Colt Steeles Web Dev Bootcamp (paid)

training tasks (react)

• use props
• pass different javascript data types as props (string, nnumber, object, array)
• work with default prop values
• use conditionals (render different frontend based on condition)
  • get comfortable with short circuits & ternary operators (used a lot in react)
• (get comfortable using react dev tools)
• add dynamic styles to components, using style attribute (also look at react docs tutorial for reference)
• render arrays (lists) (using arr.map())
  • get comfortable working with .map() bc used a lot in react
• slot machine exercise

next up practice approach

• find small react basics exercises or prompt ChatGPT for some
• copy other peoples apps

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh