ESLint Made Easy with React Native [In 16 Minutes] - 2022

Опубликовано: 24 Октябрь 2024
на канале: Moreality

5,641

📱 MOREALITY

📝 NOTE
Code snippet at 6:21 can be found here:   / add-eslint-support-to-your-react-native-pr...

💻 SUMMARY
Learn what the ESLint is and how it works
Installs packages to setup ESLint and plugins
Configure files for ESLint rules and installation
Show how to ignore folders and files from linting
Setup linting on file save and see how to fix errors automatically

🌍 SOCIALS
Instagram -   / moreality.dev
Facebook -   / teammoreality
LinkedIn -   / moreality
Twitter -   / morealitydev
Discord -   / discord

❤️ SUPPORT
Donate - https://www.buymeacoffee.com/richharvey

📚 RESOURCES
Airbnb Config - https://github.com/airbnb/javascript
React Hook Rules - https://reactjs.org/docs/hooks-rules....
ESLint Rules - https://eslint.org/docs/latest/rules/

📦 PACKAGES
ESLint - https://www.npmjs.com/package/eslint
Babel ESLint Parser - https://www.npmjs.com/package/@babel/...
ESLint Airbnb Config - https://www.npmjs.com/package/eslint-...
ESLint JSX Plugin - https://www.npmjs.com/package/eslint-...
ESLint Import Plugin - https://www.npmjs.com/package/eslint-...
ESLint React Plugin - https://www.npmjs.com/package/eslint-...
ESLint React Hooks Plugin - https://www.npmjs.com/package/eslint-...
ESLint React Native Plugin - https://www.npmjs.com/package/eslint-...

🕐 TIMESTAMPS
00:09 Introduction
00:08 Package Installs
04:42 Adding Lint Script
06:00 Creating .eslintrc.js File
07:25 Creating .eslintignore File
08:35 Linting Files Using ESLint
12:48 ESLint Extension Install
13:36 Configuring Auto Linting on Save
15:14 Summary

🏷 TAGS
#react #reactnative #javascript