Beginner React Tutorial | Building a React Trivia Game

Tech With Tim β€’ October 5, 2023
Video Thumbnail
Tech With Tim Logo

Tech With Tim

@techwithtim

About

I'm Tim, a self-taught developer & entrepreneur who brings you educational tech content without the fluff and noise. I went from a broke dropout working at McDonalds to making $100k+/month as a developer, travelling the world and moving to Dubai all before the age of 22. I've since helped thousands of aspiring developers land their first software engineering role and assisted mid-level devs land jobs at companies like google. Max landed his first developer job 3 weeks after going through my training. Youssef was laid off and landed a new role in 2 months while working with me. Jamario landing competing job offers before graduating college. If you want to learn more you can click the first link and watch my free training on how we help developers who already know how to code get hired by top tech companies.

Video Description

Today I'm going to walk you through the process of creating a fun & intuitive trivia application using React. This project is great for anyone who is just getting started with React, looking to improve their JavaScript skills, get more comfortable with the framework, or wanting to learn the best practices for structuring larger projects. Get started with Codux today for FREE: https://codux.hopp.to/techwithtim 🎞 *Video Resources* Code Link: https://github.com/techwithtim/React-Trivia-Game πŸŽ“ *Premium Courses* 🏒 _CourseCareers_ https://coursecareers.com/a/techwithtim πŸ”— _BlockchainExpert_ https://algoexpert.io/blockchain (use code β€œtim”) πŸ’» _ProgrammingExpert_ https://programmingexpert.io/tim (use code β€œtim”) πŸŽ“ *Free Courses* πŸ“š _Introduction To Software Development_ https://coursecareers.com/a/techwithtim ⏳ *Timestamps* 00:33 | Project Demo 01:47 | Codux 03:40 | React App Setup 07:55 | Planning & Design 10:04 | Quiz Scheme 15:29 | Main State 17:12 | Statbar Component 27:00 | Setting Up The Components 41:55 | Styling Our Components 49:28 | Hooking Up The Logic 55:35 | Resetting The Game 01:03:33 | Final Thoughts/Features πŸ”— *Socials* πŸ“Έ _Instagram_ https://www.instagram.com/tech_with_tim 🐦 _Twitter_ https://twitter.com/TechWithTimm πŸ’¬ _Discord_ https://discord.gg/twt 🀝 _LinkedIn_ https://www.linkedin.com/in/tim-ruscica-82631b179/ 🌐 _Website_ https://techwithtim.net πŸ’Ύ _GitHub_ https://github.com/techwithtim *Support* πŸ‘• _Merch_ https://teespring.com/stores/tech-with-tim-merch-shop πŸ’΅ _Donations_ https://www.paypal.com/donate?hosted_button_id=CU9FV329ADNT8 πŸ™ _Patreon_ https://www.patreon.com/techwithtim πŸ”– *Tags* - React - Game Coding - Programming *Hashtags* #coding #react #tutorial

You May Also Like

Essential Gear for Your Kit

AI-recommended products based on this video

Loading...
SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN
Best Seller

SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN

(71,074)
$29.99$26.61
FREE delivery Sun, Aug 10 on your first order
4K+ bought in past month
Loading...
COLORCORAL Car Cleaning Gel Universal Dust Cleaner Vehicle Auto Detailing Car Vent Keyboard Cleaning Putty Cars Interior Cleaner Dashboard Dust Remover Putty Duster Wipes Swaps Cleaning Kit 160G

COLORCORAL Car Cleaning Gel Universal Dust Cleaner Vehicle Auto Detailing Car Vent Keyboard Cleaning Putty Cars Interior Cleaner Dashboard Dust Remover Putty Duster Wipes Swaps Cleaning Kit 160G

(76,306)
$10.99
3K+ bought in past month
Loading...
KLONA Handheld Steam Cleaner, Steam Cleaner for Home with 10 Accessory Kit, Multipurpose Portable Upholstery Steamer Cleaning with Safety Lock to Remove Grime, Grease, and More

KLONA Handheld Steam Cleaner, Steam Cleaner for Home with 10 Accessory Kit, Multipurpose Portable Upholstery Steamer Cleaning with Safety Lock to Remove Grime, Grease, and More

(51)
$49.99
FREE delivery Mon, Jun 16
400+ bought in past month
Loading...
Portable Steam Cleaner, Hand Held steamers for cleaning house, Home Multi Purpose-10-Piece Accessory Kit for Sofa,Carpets,Upholstery,Car,Floor,Bathroom,Mattress and More

Portable Steam Cleaner, Hand Held steamers for cleaning house, Home Multi Purpose-10-Piece Accessory Kit for Sofa,Carpets,Upholstery,Car,Floor,Bathroom,Mattress and More

(145)
$52.99
FREE delivery Wed, Jan 7
Loading...
Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White
Best Seller

Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White

(9,766)
$9.89
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Kaiess 62" Tripod for iPhone, Selfie Stick Tripod & Phone Tripod Stand with Remote, Cell Phone Tripod for iPhone, Extendable Travel Tripod Compatible with iPhone 14/13/12 Pro Max/Android
Best Seller

Kaiess 62" Tripod for iPhone, Selfie Stick Tripod & Phone Tripod Stand with Remote, Cell Phone Tripod for iPhone, Extendable Travel Tripod Compatible with iPhone 14/13/12 Pro Max/Android

(5,298)
$28.98
FREE delivery Sat, Jun 14 on your first order
1K+ bought in past month
Loading...
SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314

SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314

(3)
$44.99
FREE delivery Thu, Jun 19
Loading...
SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

SmallRig Baseplate for Sony Alpha 6700, Bottom Mount Plate Built-in Quick Release Plate for Arca, Supporting Quick Switch Between Tripod and Stabilizer (for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro) - 4338

(85)
$38.24
FREE delivery Thu, Jun 19