Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Reviving Classic games with ReactJS, Type Script and Jest
Rating: 5.0 out of 5(3 ratings)
50 students

Reviving Classic games with ReactJS, Type Script and Jest

Master React by Building Classic Games: A Comprehensive Guide to Advanced Techniques, Testing, and State Management
Created byAmir shahbabaee
Last updated 7/2024
English

What you'll learn

  • Develop Interactive Apps: Build dynamic web applications with React components, state, and props
  • TypeScript Integration: Learn to integrate TypeScript with React to build type-safe, scalable applications with enhanced code quality
  • Test with Jest: Write unit and integration tests for React applications using Jest, ensuring reliability and robustness
  • Implement React Hooks: Use modern hooks like useState, useEffect, redux, ContextAPI and side effects
  • Build Classic Games: Create 7 classic games using React components and state management
  • Optimise Performance: Learn techniques like code-splitting to enhance React app performance
  • State Management: Master state management using the Context API and Redux to handle global state in React applications

Course content

7 sections66 lectures9h 13m total length
  • 01- Setup the project7:08
  • How to setup the project0:27
  • 02- Board11:57
  • 03- Drop the marbles into the board13:14
  • 04- Animate and move marbles17:18
  • 05- Dropping marbles into correct spot7:27
  • 06- Animate moving and dropping final touches8:31
  • 07- Set Winner and reset types20:38
  • Connect 4 Quiz

Requirements

  • While a basic knowledge of React and TypeScript is recommended, rest assured that all concepts will be thoroughly explained in great detail throughout the course.
  • A basic knowledge of css would be great but not required.

Description

Unlock the full potential of React with this comprehensive, hands-on course where you’ll master modern web development by building seven classic games. This course is perfect for developers with a basic understanding of React, TypeScript, and CSS, looking to elevate their skills through practical, engaging projects.

Throughout the course, you'll create a variety of well-known games including Connect 4, Wordle, Master Mind, Memory Game, Lights Out, Hangman, and the 15 Puzzle. Each project is designed to deepen your understanding of React’s core concepts, such as components, hooks, and state management, while also introducing you to advanced techniques like Context API and Redux for effective state handling.

You’ll also learn how to write unit tests using Jest to ensure your applications function as intended. You will also learn more about code-splitting and separation of concerns in web applications.

Whether you’re an aspiring web developer or a seasoned programmer looking to refine your skills, this course provides detailed explanations and hands-on experience to help you build interactive, high-performance applications. By the end of the course, you'll not only have a portfolio of classic games but also a solid foundation in both React and TypeScript, ready to tackle more complex projects and advance your career in web development.

Who this course is for:

  • Aspiring Web Developers: Individuals looking to expand their skills in modern web development with a focus on React.
  • Intermediate React Developers: Those who have a basic understanding of React and wish to deepen their knowledge and apply it to practical projects.
  • JavaScript Programmers: Developers proficient in JavaScript who want to learn how to create interactive web applications using React.
  • TypeScript Enthusiasts: Programmers who are familiar with TypeScript basics and want to integrate it into their React projects for better type safety and code quality.
  • Front-End Developers: Professionals seeking to enhance their toolkit with advanced React concepts, hooks, state management, and performance optimization.
  • Game Development Hobbyists: Anyone interested in creating classic games using modern web technologies and improving their problem-solving skills through fun projects.
  • Students and Learners: Those enrolled in computer science or web development courses looking to complement their studies with practical, hands-on experience.