iniciar um projeto reactjs com typescript

douglasabnovato

1 min readDec 8, 2022

Iniciando um projeto reactjs com typescript e utilizarei styled component para estilizar.

Utilizarei o template do UI Design Daily para colocar em prática cada detalhe desse trio poderoso.

UI Design Daily | Product Info UI Design

Free, Open-source UI design: Product Info UI Design, designed with Figma.

uidesigndaily.com

Criar o projeto reactjs com typescript

Para criar um novo projeto com suporte ao TypeScript, execute:
npx create-react-app my-app — template typescript

Adicionando TypeScript a um Projeto:
npm install — save-dev typescript

Conforme o link

Verificando Tipos Estáticos - React

Verificadores de tipos estáticos, como Flow e TypeScript, identificam certos tipos de problemas mesmo antes do seu…

pt-br.reactjs.org

Utilizarei a documentação do styled components para construir esse design com o máximo de detalhes.

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾

styled-components.com

Espero que tenha gostado desse texto. O objetivo foi citar as referências que estou usando para projeto. Se quiser conferir como está ficando, vá até o meu perfil do Github e olhe o meu código no repositório de mesmo nome. Deixe seu aplauso e até o próximo artigo.