Whether you're new to React or already working as a Junior developer, you might have already wondered what are the right naming conventions to use for React projects and codebases and how to avoid writing bad code. In this video, we'll explore the Essentials React Naming Conventions and Principles for writing cleaner and readable code.
⭐ Timestamps ⭐
00:00 Intro
00:25 Folder Structure
03:23 Naming Conventions
03:26 1. Pages naming conventions
04:15 2. Filenames
04:52 3. Components
05:53 4. Props
06:19 5. Functions
07:53 6. Variables
09:06 7. Hooks
09:41 8. Typescript Interfaces
10:25 9. Constants
10:46 ESLint Rules for clean-code
-- Special Links
✨ Join Figma for Free and start designing now!
[ Ссылка ]
👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨
[ Ссылка ]
Watch This 👇 👌
Why I avoid useEffect For API Calls and use React Query instead ✅
[ Ссылка ]
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
[ Ссылка ]
🧭 Turn Design into React Code | From prototype to Full website in no time
[ Ссылка ]
🧭 Watch Tutorial on Designing the website on Figma
[ Ссылка ]
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
[ Ссылка ]
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
[ Ссылка ]
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
[ Ссылка ]
🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
[ Ссылка ]
🧭 Introduction to GraphQL with Apollo and React
[ Ссылка ]
🐦 Follow me on Twitter: [ Ссылка ]
💻 Github Profile: [ Ссылка ]
Made with 💗 by Coderone
![](https://i.ytimg.com/vi/OEDE9KqQCkg/maxresdefault.jpg)