Main page: https://reactjs.org/

React Naming Conventions

See: https://maxrozen.com/guidelines-improve-react-app-folder-structure/

Linting your react code

To check your code for style issues, you can use eslint.

Install it with npm install eslint --save-dev then run this command, where directory is a directory containing your React code:

npx eslint directory

Be careful that you don’t run eslint on code in a build directory (i.e. the generated JavaScript); you only want to run it on your JavaScript source code.

If you get the error:

Error: Failed to load parser '@typescript-eslint/parser'...

then, try installing typescript manually:

npm install --save-dev typescript

Table of contents

• React: Create React App
• React: Introduction
• React: Page Components
• React: Patterns
• React: Router
• React: Spring Boot
• React: Storybook
• React: UseSWR
• React: react-hook-form