/ola-mundo

Projeto com finalidade de utilizar react-router-dom

Primary LanguageJavaScript

Blog Pessoal "Olá, Mundo!"

Tecnologias


Status

Concluído 🎉  


Objetivo

Este projeto tem como objetivo criar um blog pessoal sobre conteúdos. Ele vai utilizar os conceitos de routes do React, utilizando o react-router-dom, para uma página mais dinâmica e rápida:

  • Nesse projeto apliquei o SPA (Single Page Application);
  • Resolvi vários problemas da página utilizando rotas aninhadas e rotas dinâmicas;
  • Explorei hooks do react-router-dom, como useLocation, useParams e useNavigate.

Esse projeto foi realizado em um curso do Alura.


Autor

Feito com ❤️ por Milena Strassburger 🤘


Como utilizar esse projeto na sua máquina 👇

Este projeto foi inicializado com Create React App.

Scripts Disponíveis

No diretório do projeto, você pode executar:

npm start

Executa o aplicativo no modo de desenvolvimento.
Abra http://localhost:3000 para visualizar no seu navegador.

A página será recarregada quando você fizer alterações.
Você também pode ver erros de lint no console.

npm test

Inicia o executor de teste no modo de observação interativo.
Veja a seção sobre running tests para mais informações.

npm run build

Cria o aplicativo para produção para a pasta build .
Ele agrupa corretamente o React no modo de produção e otimiza a construção para obter o melhor desempenho.

A compilação é reduzida e os nomes dos arquivos incluem os hashes.
Seu aplicativo está pronto para ser implantado!

Veja a seção sobre deployment para mais informações.

npm run eject

Observação: esta é uma operação unidirecional. Depois de eject, você não pode voltar!

Se você não estiver satisfeito com a ferramenta de construção e as opções de configuração, você pode eject a qualquer momento. Este comando removerá a dependência de compilação única do seu projeto.

Em vez disso, ele copiará todos os arquivos de configuração e as dependências transitivas (webpack, Babel, ESLint, etc) diretamente no seu projeto para que você tenha controle total sobre eles. Todos os comandos, exceto eject, ainda funcionarão, mas apontarão para os scripts copiados para que você possa ajustá-los. Neste ponto você está sozinho.

Você nunca precisa usar eject. O conjunto de recursos selecionados é adequado para implantações pequenas e médias e você não deve se sentir obrigado a usar esse recurso. No entanto, entendemos que esta ferramenta não seria útil se você não pudesse personalizá-la quando estiver pronto para isso.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify