En nuestra carpeta de proyecto...

npm init

npm install react react-dom

en nuestro proyecto en vscode...

Creamos carpeta....

→ src: Aquí vivirá todo nuestro código, todo lo que es código vivirá aquí.

→ public: Elementos que vamos a poder disponer cuando vamos a preparar nuestro proyecto para producción y que ahi van a vivir de forma publica para que puedan compartirse cuando estén trabajando en este compilado.

En SRC → Creamos index.js

En PUBLIC → Creamos index.html

En SRC → Creamos carpeta → components → Creamos App.jsx

...Instalo plugin para shortcut de React

Simple React Snippets - Visual Studio Marketplace

React-Native/React/Redux snippets for es6/es7 - Visual Studio Marketplace

Reactjs code snippets - Visual Studio Marketplace

Nota: El que funciona creo que es el 2do Link...

Llamamos el componente de forma rapida, con el shortcut ‘imr’

Creamos un Styled Componed con el shortcut ‘slr’

...

Para que nuestro componente pueda trabajar, añadir config inicial en index.js(archivo de entrada)