DEV Community

Diomedes Lajara
Diomedes Lajara

Posted on

1

HTML and JS had a baby named JSX.

First I opened up the terminal, ran npm to type "create-react-app jsx"
on the project then proceeded to delete everything inside the SRC folder and created index.js. Added a few comments to guide me using double backslash (//). Inserted React and ReactDOM imports. Followed by creating a Conts App for the newly created Component. Finally threw in a render method with ReactDOM and grabbing the root ID from the index.html using querySelector.

With this mixture of JSX elements inside the functional component and NPM start in the terminal, I ended up seeing my first component in the screen. “Live with React”

https://thepracticaldev.s3.amazonaws.com/i/43hynn9xzinadjhhxyvy.png

postone

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay