Why do React components need to start with capital letters?  If you’ve ever worked with React, you... Tagged with webdev, react, javascript, beginners.

Dark emperor

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

React components must start with capital letters for Babel to distinguish them from native HTML elements. When a name starts with a capital letter, Babel converts it to a React Fiber object, essential for React's rendering system. Lowercase names are treated as strings, not components.

Why do React components need to start with capital letters?

Not only for Babel.
This is required React JSX transformer itself!

its a good tongue twister for react interviews :D

I used to do it just out of habit nice to know that there is actually a reason for it

Always thought theres some actual reason. Tnx