An open API service indexing awesome lists of open source software.

https://github.com/andrehaguiar/blog-oi

Blog com Angular - projeto desenvolvido durante o curso da Digital Innovation One
https://github.com/andrehaguiar/blog-oi

angular digitalinnovationone nodejs redux typescript

Last synced: 4 months ago
JSON representation

Blog com Angular - projeto desenvolvido durante o curso da Digital Innovation One

Awesome Lists containing this project

README

        

# Desenvolvendo SPA com Angular

#### DESCRIÇÃO

Neste projeto o desafio foi construir uma API com Json-Server que consuma os dados em um feed de mensagens desenvolvido em Angular.

---

Para o desafio do search by name, foi utilizado o Typeahead do bootstrap e o formulário de contato com o Email-Js

---

Foram utilizados recursos do Redux para garantir a integridade dos dados, respeitar o ciclo de vida dos componentes e obter a melhor performance da aplicação, implementando de acordo com os conceitos de gestão local do estado, com a arquitetura de gerenciamento do estado e ciclo, como ilustra a imagem abaixo e descritos a seguir:

- [Ações](https://ngrx.io/guide/store/actions) descrevem eventos exclusivos que são despachados de componentes e serviços.
- As mudanças de estado são tratadas por funções puras chamadas [redutores](https://ngrx.io/guide/store/reducers) que tomam o estado atual e a ação mais recente para calcular um novo estado.
- [Seletores](https://ngrx.io/guide/store/selectors) são funções puras usadas para selecionar, derivar e compor peças de estado.
- O estado é acessado com o `Store`, um observável de estado e um observador de ações.

**Nota:** Todos os `Actions` que são despachados dentro de um estado do aplicativo são sempre primeiro processados pelo `Reducers` antes de serem tratados pelo `Effects` do estado do aplicativo.

Ref.: https://ngrx.io/guide/store#diagram

---

Angular

**Full-Stack** | **Avançado**

##### Especialista

### **Wheslley Rimar Bezerra**

Head de Social Media, eGuincho Technology

###### [Digital Innovation One](https://digitalinnovation.one/sign-up?ref=NL9EADWVZW)

---