Components are PascalCased

Use React Plugin for ESLint

useState only for dynamic data.

Standards

Organizing Imports

Large props should not be HTML inline

Use TypeScript or PropTypes

Best practices

useEffect

Forward Props in Groups

useContext

Custom Hook : Member Activity Log

useReducer

Examples

React is a JavaScript Library and Framework. Here you will find Standards, Best Practices, and Examples for React.

React

PropTypes or TypeScript allow you to validate data. This can help you catch errors early and make your code more maintainable. On large Projects defiantly consider TypeScript as it is the complete package. However it will take longer to get going.

import PropTypes from 'prop-types'

export const Profile = ({ name, age, authorized }) => {
  return (
    <>
      {authorized && (
        <p>{name} is {age + 3} years old</p>
       )}
    </>
  )
}

Profile.propTypes = {
    name: PropTypes.string,
    age: PropTypes.number,
    authorized: PropTypes.bool,
}

React : Best practices Use TypeScript or PropTypes

React : Best practices
Use TypeScript or PropTypes