Breakout Game with JavaScript, React and SVG

Image for post
Image for post
GitHub Repository and Deployed Game

In this course, we are building a Breakout Game with JavaScript, React, and SVG without libraries, just plain modern JS and React. We are utilizing functional, immutable programming, and along the way, we learn React Hooks, SVG rendering, and basics of game development. You can find the source code in this GitHub repository, and check out the game here. If you like more video format, check out this course on YouTube.

  1. Project Start and Levels.
  2. Level to Game State and Resizable Page.
  3. Rendering the Game.
  4. Core Logic.
  5. Finish.

Reach the next level of focus and productivity with

Image for post
Image for post

Written by

Software engineer, creator of More at

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store