React Boas Praticas Passo a Passo

Sobre • Vitrine Dev • Tecnologias • Funcionalidades • Autor • Licença

 

 

💻 Sobre o projeto

🚀 Repositório com boas praticas em React. Usado como treinamento na tecnologia e como forma de adicionar as boas praticas do ecossistema React.

Este projeto foi criado com Vite, Tailwindcss, Eslint e Prettier.

# Criando projeto com Vite e React e Javascript
npm create vite@latest my-project -- --template react

# Instalando arquitetura Tailwindcss
npm install -D tailwindcss postcss autoprefixer prettier prettier-plugin-tailwindcss

# Criando tailwind.config.cjs
npx tailwindcss init -p

# Editando npx tailwind.config.cjs
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
};

# Adicionando configuração Tailwindcss em index.css
@tailwind base;
@tailwind components;
@tailwind utilities

# Cria arquivo .prettierrc.json na raiz do projeto

# Inicia projeto
npm run dev

 

---

 

📺 Vitrine Dev

🪧 Vitrine.Dev
✨ Nome	React Boas Praticas Passo a Passo
🏷️ Tecnologias	nodejs, javascript, html5, css3, reactjs, vite, prettier, tailwindcss

---

 

🛠 Tecnologias

As seguintes ferramentas foram usadas na construção do projeto

 

---

 

⚙️ Funcionalidades

...

---

 

🧭 Rodando a aplicação web (Modo desenvolvimento)

# Clone este repositório
$ git clone https://github.com/livioalvarenga/react-step-by-step.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd react-step-by-step
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação será aberta na porta:5173 - acesse http://localhost:5173

---

 

🦸 Autor

Olá, eu sou Livio Alvarenga, Engenheiro de Produção | Dev Back-end e Front-end. Sou aficcionado por tecnologia, programação, processos e planejamento. Uni todas essas paixões em uma só profissão. Dúvidas, sugestões e críticas são super bem vindas. Seguem meus contatos.

• www.livioalvarenga.com
• [email protected]

 

---

 

📝 Licença

Este projeto é MIT licensed.

#CompartilheConhecimento