Part 2/2 - Game in ReactJS - Cuzzle

• nuka-carousel

  2 2,990 6.7 TypeScript

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

  

Nuka Carousel

• qrcode.react

  6 3,698 6.6 TypeScript

  A <QRCode/> component for use with React.

qrcode-decoder and qrcode.react

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• SweetAlert

  11 22,357 0.0 TypeScript

  A beautiful replacement for JavaScript's "alert"

sweetalert:

• webpack

  331 64,179 9.8 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

  53 27,453 6.5 TypeScript

  ✌️ A spring physics based React animation library

  

React Spring:

• react-router

  156 51,970 9.5 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,700 222,406 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:

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• workbox

  31 12,109 6.5 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

  576 101,923 1.5 JavaScript

  Set up a modern web app by running one command.

  

Create React App (CRA):

• a-single-div

  26 1,639 7.9 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