Skip to content

Conversation

@gnanasai5111
Copy link

No description provided.

- Always use JSX syntax.
- Do not use `React.createElement` unless you’re initializing the app from a file that is not JSX.
- [`react/forbid-prop-types`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md) will allow `arrays` and `objects` only if it is explicitly noted what `array` and `object` contains, using `arrayOf`, `objectOf`, or `shape`.
- Consider not using React memo,useMemo and useCallback hooks in the code unless there is no way to write the code.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why? These hooks are critically important and should often be used - see https://attardi.org/why-we-memo-all-the-things/

- Do not use `React.createElement` unless you’re initializing the app from a file that is not JSX.
- [`react/forbid-prop-types`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md) will allow `arrays` and `objects` only if it is explicitly noted what `array` and `object` contains, using `arrayOf`, `objectOf`, or `shape`.
- Consider not using React memo,useMemo and useCallback hooks in the code unless there is no way to write the code.
- React specific file names should start with Capital letter where as Javascript specific file name can start with small letter.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

absolutely not; capitalization of values and filenames has nothing to do with React, and is a JavaScript-wide convention.

- [`react/forbid-prop-types`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/forbid-prop-types.md) will allow `arrays` and `objects` only if it is explicitly noted what `array` and `object` contains, using `arrayOf`, `objectOf`, or `shape`.
- Consider not using React memo,useMemo and useCallback hooks in the code unless there is no way to write the code.
- React specific file names should start with Capital letter where as Javascript specific file name can start with small letter.
- Try to write folder specific components,so its easy to navigate.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you elaborate on this?

Comment on lines +58 to +72
```filenames in React
// bad
header.jsx
//good
Header.jsx
```filenames in Javascript
//bad
Header.js

//good
header.js

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

please remove this; this is not a good thing to recommend nor will the airbnb guide likely ever recommend it.

@ljharb ljharb marked this pull request as draft August 12, 2022 18:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants