Image for post
Image for post

Nesse artigo, irei mostrar como criar componentes e como deixa-los customizáveis dependendo do que vier por props. E no final mostrarei como publicar no npm! (para instalar usando o comando npm install — save nome_da_lib) 😁

O meu componente vai ser um botão de loading, exemplo na imagem abaixo:

Image for post
Image for post

Ignore os estilos, leve em conta que é representativo 😂

Para iniciar sua lib, utilize o seguinte comando com o npx:

npx create-react-app nome-da-sua-lib

Sim, utilizaremos o comando de criar um projeto em React mesmo. No meu caso, como irei criar um button loading, o meu comando é:

npx create-react-app button-loading

Feito isso, você pode começar apagando todos os arquivos de dentro de src e deixando apenas o index.js. …

About

Rafael Costa

undefined is not an object

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store