How to write React components in TypeScript (2022)

This page summarizes the projects mentioned and recommended in the original post on dev.to
React Code Design Ecommerce Boilerplate Nextjs

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

  • create-react-app

    Set up a modern web app by running one command.

    • Using arrow functions was a concise way to define components, however, it came with a few downsides as discussed in this pull request.

  • commerce

    Next.js Commerce

    • For new components, it does make sense to follow the style defined in the React documentation by writing components using a function definition. However, arrow functions using React.FC also remain a popular choice and are used by Vercel and the official TypeScript website

  • 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

  • TypeScript-Website

    The Website and web infrastructure for learning TypeScript

    • For new components, it does make sense to follow the style defined in the React documentation by writing components using a function definition. However, arrow functions using React.FC also remain a popular choice and are used by Vercel and the official TypeScript website

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

  • Ask HN: What is the best license type for my open source project?

    2 projects | news.ycombinator.com | 14 Jun 2023

  • Should I use Create React App, or ViteJS?

    6 projects | /r/reactjs | 28 Jan 2022

  • Please review my Portfolio and Projects

    2 projects | /r/reactjs | 9 Jan 2022

  • Building a client database of people in React

    2 projects | dev.to | 11 Oct 2021

  • Is it possible to use CRA/react-scripts with dependencies that have .mjs extensions?

    3 projects | /r/reactjs | 8 May 2021