Part 2/2 - Game in ReactJS - Cuzzle

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  • qrcode.react

    A <QRCode/> component for use with React.

    qrcode-decoder and qrcode.react

  • SweetAlert

    A beautiful replacement for JavaScript's "alert"

    sweetalert:

  • webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    Create React App (CRA): This is a library that I have used previously for other games/projects, this is an easy starting point for a react project because we have all our environment configured, for example, we have webpack, hot reloading, service workers (via workbox) and other features ready to be used, for this type of project I think is the best way to learn React.

  • react-spring

    ✌️ A spring physics based React animation library

    React Spring:

  • react-router

    Declarative routing for React

    Reach Router: This is a library from the same developers of react-router, as the name implies it’s possible to set different routers/pages, in the case of the game we have five routes.

  • React

    The library for web and native user interfaces.

    As you know the game is developed in ReactJS, other main libraries that I used were:

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • workbox

    📦 Workbox: JavaScript libraries for Progressive Web Apps

    Create React App (CRA): This is a library that I have used previously for other games/projects, this is an easy starting point for a react project because we have all our environment configured, for example, we have webpack, hot reloading, service workers (via workbox) and other features ready to be used, for this type of project I think is the best way to learn React.

  • create-react-app

    Set up a modern web app by running one command.

    Create React App (CRA):

  • a-single-div

    🎨 CSS drawings with only one HTML element.

    As you can see it's just one div, I like to use just one div when possible, sometimes it's possible to do a lot of things with just one div and I think it's good, because as you know when we use less DOM elements it's good for performance.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • By Crayons and For Crayons

    12 projects | dev.to | 13 May 2022
  • Why You Should TRUST Frameworks (And What It Takes to Build One From Scratch)

    7 projects | dev.to | 16 Oct 2024
  • Fundamentals of React Native App Development: Dependencies, Performance, Native Modules, and Publishing Guide

    13 projects | dev.to | 5 Oct 2024
  • Fun with Remix (React) and the Discogs API

    3 projects | dev.to | 23 Sep 2024
  • Build Web Apps Absurdly Fast with Vite

    6 projects | dev.to | 13 Sep 2024

Did you konow that JavaScript is
the 3rd most popular programming language
based on number of metions?