Quer acelerar o desenvolvimento de aplicações Angular? Conheça o po-ui!
Tags: angular, frontend
Published: 2022-03-15 14:28:20

---
title: Quer acelerar o desenvolvimento de aplicações Angular? Conheça o po-ui!
published: true
date: 2022-03-15 13:33:50 UTC
tags: Angular,Frontend,angular,frontend
canonical_url: http://high5devs.com/2022/03/quer-acelerar-o-desenvolvimento-de-aplicacoes-angular-conheca-o-po-ui/
---

Um tempo atrás eu estava querendo reescrever uma aplicação que eu fiz para controle de cursos de uma escola. Para o backend eu escolhi C# para continuar meus estudos, e para o frontend eu estava na dúvida entre React e Angular.  
A aplicação em sua maioria é composta por CRUD, vários cadastros simples. Ou seja, iria precisar muito de formulários e tabelas/listagens. Foi quando lembrei do PO-UI, dei uma chance e decidir por usar o Angular.

* * *

O que é o PO-UI?

> Biblioteca de componentes baseado em Angular

de acordo com o próprio [site](https://po-ui.io).  
Ela nos disponibiliza uma série de componentes prontos, na sua maioria voltados para aplicações CRUD.  
Acredito que isso se deva ao fato dele ser um projeto open source da TOTVS, empresa conhecida pelo desenvolvimento de ERPs, que tem a característica de ter uma quantidade de cadastros e listagens grande.

Ao decidir usá-lo, os seguintes pontos me fizeram tomar a decisão:

### Documentação 

A documentação do projeto é bem completa. Todo componente possui documentação com todas as propriedades, exemplos de uso funcionando e com o código.  
Todo desenvolvimento precisa ter documentação, isso faz parte do ciclo de desenvolvimento das features, portanto está sempre atualizada.

### UX 

Uma coisa interessante do projeto é que por ter uma empresa por trás, os componentes desenvolvidos passam por uma equipe de UX para manter padrões de usabilidade e estilos. Então na minha perspectiva é uma vantagem na utilização do PO-UI, pois você não precisa se preocupar com estilos e padrões de utilização dos compoenentes.  
Mesmo tendo um padrão de cores, é possível customizar e criar o seu próprio tema.

### Metadado 

Diversos componentes possui um componente maior (High Component) que possui facilitadores para construção do mesmo. Para criar por exemplo uma lista, existe um componente que recebe o _endpoint_ que deve fazer a chamada para retornar os dados e também recebe um parâmetro com o _endpoint_ de metadados.  
Nesse endpoint nosso servidor retorna qual é a estrutura de dados que teremos, e com isso o PO-UI já monta as colunas e formatações. Isso é muito bom para deixar a visualização customizável e deixando a estrutura de dados no backend.

### Open source 

O projeto está hospedado no github: [github.com/po-ui/po-angular](http://github.com/po-ui/po-angular)  
Fazer uso de uma biblioteca open source tem diversas vantagens, como por exemplo olhar e entender como as coisas estão sendo feitas nos componentes que você está usando.  
Caso tenha uma necessidade, pode abrir uma issue, discutir com o time a implementação e até contribuir com um novo componente ou comportamento.  
O time tem aprendido e evoluído cada vez mais na construção de um projeto open source, que não é fácil.  
Inclusive ano passado fizemos uma live sobre projetos open source e o PO-UI foi um deles: [assista aqui](https://www.youtube.com/watch?v=w680VZ2ElTQ)

* * *

Eai, achou interessante? Para começar é bem simples, e eles disponibilizam um guia de primeiros passos [aqui](https://po-ui.io/guides/getting-started).  
Depois me conta o que achou!  
Abraços

* * *

Photo by [Marc-Olivier Jodoin](https://unsplash.com/@marcojodoin?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/s/photos/fast?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)

O post [Quer acelerar o desenvolvimento de aplicações Angular? Conheça o po-ui!](http://high5devs.com/2022/03/quer-acelerar-o-desenvolvimento-de-aplicacoes-angular-conheca-o-po-ui/) apareceu primeiro em [High5Devs](http://high5devs.com).