Criando o App de delivery - Speed Code

▸ Criando tela para aplicativo de delivery

No meu ultimo vídeo (https://youtu.be/qoKvbifw6zM) criei uma tela utilizando apenas os recursos do React Native. Nesse novo vídeo venho com uma proposta diferente. A ideia é medir a eficiência de bibliotecas que facilitam o processo de desenvolvimento. Nesse vídeo foram usadas as libs "styled-system" e "styled-components".

As 2 libs se complementam para criação de componentes mais reutilizáveis. Além disso, é possível usar um sistema de temas onde todos os componente compartilham informações de cor, espaçamentos, fonts e etc...

Eu criei apenas 2 componentes e só com isso já tive um ganho de performance. Apenas com "Box" e "TouchableBox" foi possível criar outros componente mais complexos (organismos no modelo atomic designer).

No vídeo citado, eu desenvolvi a tela com mais ou menos 2 horas de desenvolvimento (e ficou faltando muita coisa...) nesse novo vídeo com essas 2 libs juntas consegui fazer a tela em apenas 40 min, fora a criação dos componentes box que podem ser alocados em template para maior produtividade.

Espero que você tenha gostado desse vídeo!!

Créditos do designer:
- https://www.figma.com@rabah

Link do repositório
- https://github.com/raphaelcorreaoct/PizzaApp

==== Siga nas rede sociais ====
▸ Instagrama: @devraphaelcorrea https://bityli.com/IO8HzX
▸ Linkedin: https://bityli.com/08qY1S
▸ GitHube: https://bityli.com/Xm7eik