This article explains how naming conventions work in React JS. It compares different naming conventions that can be used in React projects.

Mayar Yasser Elabbasy

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Naming conventions are important because they make code more readable and organized. The naming convention is how you name every single thing in your project. A well-named file or folder can help you and other developers find and understand your code more quickly. In React applications, there are 3 most common naming conventions: Camel case for file names, pascal case for component names.

Naming Conventions in React JS

<p>In Germany i would call this “Geschwurbel”
nothing really react related except of components need to be PascalCase. If you know this the rest of the article is bloated and a waste of time.</p>


<p>Would be nice if I could have read it without being force to sign up to a newsletter 🤷🏻‍♂️</p>
