The Modern Refresher to React Development in 2022

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

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - 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.
www.influxdata.com
featured
  • React

    The library for web and native user interfaces.

  • And while React is backed by multi-trillion dollar company, it’s open-source community is still one of the key factors in its large success. In this article, we’ll go through the React development process for beginners and developers who just need a quick refresher.

  • SurveyJS

    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.

    SurveyJS logo
  • react

    Discontinued Official implementation of ithink, made in React and powered by Cyclic. (by ithink-corp)

  • View on GitHub

  • starter-react-app

  • Lucky for us, Cyclic gives us the ability to deploy React applications to the cloud for free, by just clicking one button and adding one script to our application. With Cyclic’s React starter, we know to add the following script to the root of our project:

  • react-use

    React Hooks — 👍

  • Thankfully, we don’t have to do much code ourselves thanks to the great React community. Being such an important feature, experienced developers have already implemented it and shipped it along-with dozens of other small utilities as hooks. (yes, hooks are marking their presence once again; I told you that they’re very important concepts!) It’s all packaged in a nifty library called react-use.

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

  • It’s called create-react-app, and it uses Babel and webpack under the hood, but you don’t need to know anything about them. But I’d be irresponsible if I told you that you’ll never encounter these two programs, so I recommend saving these articles about webpack and Babel. Read them when you’re ready.

  • api

    Discontinued Official API for ithink, powered by Cyclic. (by ithink-corp)

  • // utils/server.js export async function getMessages() { const res = await fetch('https://ithink-api.cyclic.app/', { headers: { 'Content-Type': 'application/json', }, }) const items = await res.json() return items.map((item) => ({ message: item, })) }

  • babel-sublime

    Syntax definitions for ES6 JavaScript with React JSX extensions.

  • It’s called create-react-app, and it uses Babel and webpack under the hood, but you don’t need to know anything about them. But I’d be irresponsible if I told you that you’ll never encounter these two programs, so I recommend saving these articles about webpack and Babel. Read them when you’re ready.

  • InfluxDB

    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.

    InfluxDB logo
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

  • Optimizing React Apps for Performance: A Comprehensive Guide

    2 projects | dev.to | 2 Apr 2024
  • React setup without create-react-app

    3 projects | dev.to | 5 Feb 2023
  • Setting Up React, Babel, & Webpack Without Create-React-App

    3 projects | dev.to | 3 Sep 2022
  • How to create blog using NextJS?

    3 projects | dev.to | 9 Aug 2022
  • Link previews in React.js for Social Networks using Next.js

    2 projects | dev.to | 30 Jul 2022