Breakout Game with JavaScript, React and SVG - Udemy

In this course, we will build a Breakout Game with JavaScript, React, and SVG. My goal for this course is to share with you my findings of the last few years about how to build complex React applications without frustration.

We will bootstrap the project with create-react-app and won't use any additional libraries, just plain modern JavaScript and React. In this course, we will apply the most practical concepts of functional and immutable programming, render all part of the game as SVG elements and learn how to use React hooks for state management and side effects.

The game will be suitable for any screen size with core logic that completely decoupled from React part. The game will be exciting to play and have few levels with different difficulties. After the end, of course, you can take the project and improve your skills by changing the game and adding new features.

All the source code you will find in the repository. Each part will have a link to the corresponding commit. There is a lot of things to cover in this short course, so let's jump in.