Part 2/2 - Game in ReactJS - Cuzzle

• nuka-carousel

  2 3,077 7.2 TypeScript

  Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.

  

  Nuka Carousel

• CodeRabbit

  coderabbit.ai featured

  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.

  

• qrcode.react

  6 3,910 7.5 TypeScript

  A <QRCode/> component for use with React.

  qrcode-decoder and qrcode.react

• SweetAlert

  11 22,400 0.0 TypeScript

  A beautiful replacement for JavaScript's "alert"

  sweetalert:

• webpack

  356 64,869 9.9 JavaScript

  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

  55 28,286 7.7 TypeScript

  ✌️ A spring physics based React animation library

  

  React Spring:

• react-router

  166 53,381 9.2 TypeScript

  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

  1,861 230,355 9.9 JavaScript

  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

  www.saashub.com featured

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

  

• workbox

  31 12,403 6.6 JavaScript

  📦 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

  594 102,872 2.3 JavaScript

  Set up a modern web app by running one command.

  

  Create React App (CRA):

• a-single-div

  26 1,728 7.2 Stylus

  🎨 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.

Suggest a related project