Logo

dev-resources.site

for different kinds of informations.

Why react components starts with capital letter ?

Published at
9/20/2024
Categories
javascript
react
babel
webdev
Author
abhishekpanwarrr
Categories
4 categories in total
javascript
open
react
open
babel
open
webdev
open
Author
16 person written this
abhishekpanwarrr
open
Why react components starts with capital letter ?

Do you know why react components start with capital letter????

The reason behind this is, react components written in JSX which internally convert it to react.createElement API. This create element function is convert into plain javascript object. A fundamebtal data structure which is known as React Fiber. This whole happen because of Babel.

Babel takes the component and convert it to a React Fiber object.
When babel encounters a name string with a capital letter it recognise it as a refernece not a string. On contrary every thing else is converted into string

Follow for more tips and topics ๐Ÿ˜

babel Article's
30 articles in total
Favicon
Manual Setup (Custom Webpack/Babel configuration) with react (i am not able running it )
Favicon
Babel and Sourcemaps, Part-1
Favicon
Imagining React Without JSX: A Developer's Worst Nightmare
Favicon
Explorando org-babel en emacs
Favicon
Introduction to custom Babel plugins
Favicon
How React JSX Gets Transformed Into JavaScript Behind the Scenes
Favicon
Why react components starts with capital letter ?
Favicon
Fixing Jest import failure
Favicon
Comprehensive Analysis of Industry-standard Build Tools
Favicon
Making a Logging Plugin with Transpiler
Favicon
Mastering Project Maintainability with Module Resolver
Favicon
Understanding Webpack and Babel: Key Tools for Modern JavaScript Development
Favicon
How I optimized Carousel for EditorJS 2x in size.
Favicon
Let's Talk About Babel: Have you ever stopped to understand it?
Favicon
Setup Jest, Babel e testing library para testes unitรกrios em React
Favicon
Setup Jest, Babel and testing library for unit testing in React
Favicon
Exploring Marvels of Webpack - Ep 1 - React Project without CRA
Favicon
What is Babel.js? Uses, Advantages, and Disadvantages
Favicon
The Comprehensive Guide to Babel
Favicon
Why to use babel ?
Favicon
Configuring StyleX in React application
Favicon
React Development Essentials: Webpack and Babel Introduction
Favicon
Abstract Syntax Trees and Practical Applications in JavaScript
Favicon
Create React App From Scratch With Isomorphic Rendering
Favicon
How React uses pragmas to run tests conditionally
Favicon
Unveiling the Artistry Behind JavaScript's Babel Engine: Transforming Code Across Frontiers
Favicon
Express & ES6 Boilerplate
Favicon
An introduction to Babel
Favicon
Building Cross-Browser Compatible Web Apps with Babel: A Step-by-Step Guide
Favicon
Configure Stimulus with esbuild and Babelโ€Šโ€”โ€ŠRails & Javascript

Featured ones: