Pattern for discouraging specific prop usage?

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

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
  • eslint-plugin-react

    React-specific linting rules for ESLint

  • react/forbid-component-props sounded suitable at first but it is not flexible enough if you want to point onto specific prop just for specific component type(in opposite it allows to whitelist with allowedFor)

  • prop-types

    Runtime type checking for React props and similar objects

  • Alternative way is to use prop-types package for it. It allows to pass a function that in your case would display console warning. Check deprecated-prop-type package as an example(or use it if it covers your needs)

  • 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
  • deprecated-prop-type

    Communicate to the consumers of your component that the marked prop is deprecated.

  • Alternative way is to use prop-types package for it. It allows to pass a function that in your case would display console warning. Check deprecated-prop-type package as an example(or use it if it covers your needs)

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

  • Avoid "&&" Operator for Conditional Rendering in React

    1 project | dev.to | 8 Jul 2023
  • Confusion over one of the examples of the jsx-no-literals linting rule

    1 project | /r/reactjs | 1 Jun 2023
  • What's weirdest webdev practice in your company?

    1 project | /r/webdev | 7 May 2023
  • Removing Default React Imports. For a Cleaner Code

    1 project | dev.to | 14 Feb 2023
  • Should I create a separate component for this?

    1 project | /r/reactjs | 17 Oct 2022