Skip to content

bribinha/ngrx-data-study-case

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

🚀 Angular 20 + NgRx (with NgRx Data) - Projeto de Estudos

Uma aplicação de demonstração focada em aplicar e consolidar os conhecimentos do curso "NgRx (with NgRx Data) - The Complete Guide (Angular 20)" sobre gerenciamento de estado com NgRx e as otimizações do NgRx Data.

🎯 Objetivos de Estudo

Este projeto serve como meu laboratório de testes para dominar os seguintes conceitos:

  • Fundamentos do NgRx: Actions, Reducers, Selectors e o Store.
  • Gerenciamento de Efeitos (Side Effects): Uso de NgRx Effects para lidar com chamadas assíncronas (HTTP).
  • NgRx Data: Simplificando o CRUD (Create, Read, Update, Delete) com Entity Collections.
  • Otimização: Uso de Selectors para performance e Imutabilidade.

🛠️ Tecnologias Utilizadas

  • Angular: Versão 20+
  • NgRx: Store, Effects, Store Devtools e Entity (Para NgRx Data).
  • Outras libs: (Se houver alguma biblioteca como Material, Tailwind, etc.)

📁 Estrutura do Projeto (Foco no NgRx)

Abaixo, um guia para encontrar a implementação de cada conceito principal:

Funcionalidade Conceito NgRx Arquivos Chave
Login/Autenticação Effects, Store auth.actions.ts, auth.effects.ts
Gerenciamento de Entidades (CRUD) NgRx Data (Entity Services) entity-metadata.ts, services/entity.service.ts
Listagem de Itens Selectors, Entity Collection selectors/item.selector.ts, item-list.component.ts
Caching e Loading Estado do NgRx Data loading.selectors.ts

⚙️ Como Rodar Localmente

  1. Clone o repositório:
    git clone https://github.com/bribinha/ngrx-data-study-case.git
    cd nome-do-projeto
  2. Instale as dependências:
    npm install
  3. Inicie a aplicação:
    ng serve
    Navegue para http://localhost:4200/ no seu navegador.

📜 CONTRIBUTING.md (Guia para Contribuidores)

Como este é um projeto de estudo, você pode mantê-lo simples, focando em suas próprias anotações e regras.

# Contribuindo para este Projeto de Estudos

Este repositório é primariamente um ambiente de estudo e laboratório pessoal.

**Qualquer um é bem-vindo para:**

1.  **Abrir Issues** para apontar bugs, sugerir melhorias na arquitetura ou correções de código.
2.  **Enviar Pull Requests (PRs)** se identificar um erro conceitual grave na implementação do NgRx.

## Regras Internas:

* **Branches:** Os novos recursos/correções devem ser feitos a partir da branch `main` e enviados para a branch `develop`.
* **Commits:** Siga a convenção de commits (ex: `feat:`, `fix:`, `refactor:`) para manter o histórico limpo e rastreável.

About

Estudo de caso focado no NgRx Data do curso "NgRx The Complete Guide (Angular 20)". Implementação de Entity Services, Redução de Boilerplate e CRUD Otimizado.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors