Como iniciar um projeto. 

Para isso o node js deve estar instalado 

npm install -g create-react-app 

cd my-app

npm start 

Isso deve criar uma pasta my-app com varios arquivos, o importante é o app.js onde esta o codigo principal, o codigo vem bem maior, no caso abaixo eu ja criei um Banner dentro de uma nova pasta que criei, esse banner é um arquivo que vc chama ao app.js 

Criando elementos de um formulario, funciona da mesma forma do banner, no entanto, agora podemos utlizar o mesmpo componente mudando as propriedades dele 

Formularios 

Nesse ponto vamos criar um formulario e reestruturar os componentes, cada componente vai ficar em uma pasta com seu nome e dentro dela o arquivo index.js vai ser o arquivo principal para cada componente 

Componente formulario Formulario

import CampoTexto from "../CampoTexto"

const Formulario =  () => {

   return(

 <form>

    <h1>Preencha o formulario </h1>

    <CampoTexto label="Nome" placeholder="digite seu nome" />

    <CampoTexto label="Sobrenome" placeholder="digite seu sobrenome" />

    <CampoTexto label="endereço" placeholder="digite seu end" />

 </form>

   )

}

export default Formulario

Agora o app.js

import logo from './logo.svg';

import './App.css';

import Banner from './componentes/Banner';

import Formulario from './componentes/Formulario'; > agora puxa a pasta que puxa o index de dentro 

function App() {

  return (

    <div className="App">

      <Banner />

      <Formulario />  >> chama o componente

    </div>

  );

}

export default App;