/pdm_ds_native_elements

Exemplo de implementação da lib de componentes de UI React Native Elements.

Primary LanguageJavaScript

React Native Elements

Exemplo de implementação da lib de componentes de UI React Native Elements.

Acesse a documentação: https://reactnativeelements.com/

Utilize esse tipo de lib para padronizar suas UIs, pois ela passou pelo processo de Design System.

Para ter ganhos em produtividade instale o React Native Elements Snippets: https://marketplace.visualstudio.com/items?itemName=rne.snippets

Definições

O que é React Native Elements? (Segundo https://reactnativeelements.com/)
React Native Elements é uma implementação do Material Design. A estrutura contém um conjunto de componentes de UI de uso geral, estilizados de maneira semelhante. O mais incrível é que os temas podem ser alterados em tempo de execução sem recarregar o aplicativo. Dessa forma, você pode facilmente focar na lógica do negócio, enquanto o React Native Elements cuida da aparência visual do seu produto.

Design System (segundo a Wikipedia: https://en.wikipedia.org/wiki/Design_system):
"Um Sistema de Design é um conjunto de padrões interconectados e práticas compartilhadas organizadas de forma coerente. Os sistemas de design auxiliam no design de produtos digitais e no desenvolvimento de produtos, como aplicativos ou sites."

Design System (Segundo Serradas, Van: https://brasil.uxdesign.cc/entendendo-design-system-f375bbb6f704):
"É documento vivo com todos os componentes e propriedades de um produto ou serviço para facilitar a comunicação do time."

ou

"Design System é o conjunto completo de padrões do projeto, documentação e princípios, juntamente com o kit de ferramentas de design e código para atingir esses padrões."