1

Estruturando o seu projeto React Native

#React Native #JavaScript
Vinicius Souza
Vinicius Souza

Tenho uma dica muito importante pra você que acabou de chegar no React Native, estruture muito bem seus projetos.


Talvez você já tenha se deparado não dá pra fazer tudo dentro do arquivo App ou simplesmente sair criando arquivos no mesmo nível. Não se deve fazer isso por alguns motivos como organização e desempenho. Se você não cria uma lógica dentro da sua pasta, por menor que o seu projeto seja, é quase certo que você irá perder um bom tempo tentando apenas encontrar arquivos. Com relação ao desempenho, é necessário entender que como o React Native funciona. Um breve exemplo: vamos dizer que você importou uma api num elemento pai e você precisa que os dados dessa api estejam disponíveis nos elementos filhos, para não fazer mais outra requisição no app, gastando dados, consumindo tempo e gastando o precioso tempo o usuário, é recomendado passar esses dados via parâmetro para os elementos filhos, ganhando tempo com menos consumo de dados. Logo abaixo vou deixar uma ilustração para você entender melhor uma convenção para estruturar o seu projeto.


root

-- |

-- |

--App.js

-- index.js

-- src

------ |

----- Components

----- Pages

----- Services

----- Assets


Repare que assim o projeto fica muito mais lógico e intuitivo de trabalhar pois poupa tempo, facilita o entendimento e facilita a manutenção do projeto.


Este exemplo foi somente para facilitar a visualização do que estou falando, em projetos grandes essa estrutura aumenta e também existem outros modelos melhores do que esse.


Espero que tenha entendido como estruturar seu projeto e que a partir de agora você deixe seus projetos bem organizados.

1
33

Comentários (1)

0
Bruno Cabral

Bruno Cabral

18/05/2021 00:16

Belo artigo, parabéns.

Viajante e amante de aplicativos mobile

Brasil