9 Ways You Can Use React Today in 2022

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

Our great sponsors
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • Scout APM - Less time debugging, more time building
  • Ink

    🌈 React for interactive command-line apps

    ink is a popular JavaScript library for creating component based user interfaces on the command line. To make this possible they use Yoga to build Flexbox layouts in the terminal so most of the CSS properties you would normally use is also available for use right away.

  • Gatsby

    Build blazing fast, modern apps and websites with React

    GatsbyJS is the most popular framework for building static websites with a strong focus on SEO. It is fast, flexible, and helps you develop web apps using React. It has been continually staying up to date with the latest technologies over the years as well as applying best practices to search engine algorithms that are constantly changing.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • kyt

    Starting a new JS app? Build, test and run advanced apps with kyt 🔥

    Gatsby, New York Times as well as Twilio have used ink in their projects.

  • storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    There is also Storybook, a great react library for building user interface components and pages in isolation. The cool part about this approach is that its also naturally great at generating documentations if you have multiple components to document:

  • plugin-signal2020

    SIGNAL 2020 Developer Mode

    Gatsby, New York Times as well as Twilio have used ink in their projects.

  • react-nodegui

    Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀

    React NodeGUI is slowly gaining popularity for bringing react directly to the desktop development experience, powered by Qt5.

  • react-player

    A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

    react-player is a react component for playing videos from variety of URLs including file paths, YouTube, Facebook, DailyMotion, and others. It is a smart component that loads in the appropriate markup and external SDKs to play media from variuos sources.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • react-native

    A framework for building native applications using React

    react-native is another library created from the at Facebook that lets you write in react to create native apps for Android and iOS.

  • react-cheatsheets

    Create and generate cheat sheets using React

    react-csheets is a react library with the purpose of generating cheat sheets using snippets. It uses a drag n drop api to make smooth transitions between snippets and has over 20 themes to decorate your snippets.

  • react-desktop

    React UI Components for macOS High Sierra and Windows 10

    react-desktop provides a set of ready-to-use react components with the goal of bringing a native desktop experience, featuring many Windows 10 and MacOS Sierra components:

  • Next.js

    The React Framework

    NextJS is one of the most popular framework for building hybrid static & server rendered web applications which also uses React.

  • Draft.js

    A React framework for building text editors.

    DraftJS is a library created by the team at Facebook that lets you build rich text editors with... you guessed it: React! It takes some time to get used to but once you start getting it its actually motivating to keep going when you notice progress.

  • Docusaurus

    Easy to maintain open source documentation websites.

    You can look into docusaurus if you haven't already.

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