Article details

React JSX In-Depth — Explained

Samuel Okeke
Samuel Okeke
21 Jan, 2022 09:30

Fundamentally, JSX just provides syntactic sugar for the React.createElement(component, props, ...children) function. The JSX code:

<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

compiles into:

React.createElement(
  MyButton,
  {color: 'blue', shadowSize: 2},
  'Click Me'
)

See documentation here React

Favorite Articles

No featured article

Article tags

react
angular
typescript
material-ui
javascript
lodash
DRY
nodejs
gatsby
contentful
Résumé

The frontend developer with panache. I am big on deep learning.
I enjoy training people, and I am an advocate of best practices. If we can do it, we might as well, do it well.

Contact

07068962708
Mobile
09071142337
Contact
samwize.inc@gmail.com
Email

Drop a message


SAMUEL C. OKEKE

Copyright © 2024 Snr. Software developer.

All rights reserved.