Breakout Game with JavaScript, React and SVG

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





Indie hacker behind More at

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

What’s new in JavaScript/Node in 2021 | ECMAScript 2021

Developing my roots with RedwoodJS

Hidden advantages of React Native for smart end mobile app development.

How To Get Notify When No Connection In React Native

Callbacks, Promises and Async/Await

How to Create App in React Native

How to Transfer the SPL-Token from Solana Contract to any wallet address using Phanthom in React JS.

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
Radzion Chachura

Radzion Chachura

Indie hacker behind More at

More from Medium

Get Started with React Testing Library and Jest

Master The UseEffect Hook With Simple App

Debounce in JavaScript — A Fantastic Design Pattern to Delay/Prevent Unwanted User Action

Auto consume DOM events in a react component