Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

278
Visualizações
What is the correct approach for developing react native apps

I am new in react-native. I am trying to develop my first app in react-native. I want to know what is the correct project structure for developing react-native apps.

As of now, I have created component in root folder. I want to know what approach should I take for defining model, utils, webservice urls in what structure.

project structure

Does it has some kinda framework as like express for creating project structure in nodejs.

over 4 years ago · Santiago Trujillo
1 Respostas
Responde à pergunta

0

From my experience in building quite a large app using react-native. I have followed this approach and it scales pretty well for a team of 5+ people working on it .

enter image description here

App folder : : In this folder I keep all the files/folders related to app. Do not add anything in root folder. the less convoluted the root folder is the better for new person to get started.

uicomponents : The uicomponents folder holds all the generic controls that app needs. eg : Dropdowns, sliders, buttons, checkboxed. You can avoid this if you are using a external lib.

components : This folder holds folders for each section of screen. I call it modules for app. Each module is specific area of app, namely : HomePage, UserData, Settings so on so forth. This varies from genre of the app. My happens to be enterprise app, So I have folders for each module for an app.

Utils : I am big fan of keeping utils at one place. Things like text formatters, Db handers, Oauth Handlers and so on.

enter image description here

Stores, Dispatchers : Anything related to flux, redux can go in there.

In general the app has to be broken down in appropriate folders and files. One specific part of the app or module as I say has to have its own folder. All the files needed by him has to be in it. This makes it easy to be maintained and reasoned about.

Avoid duplicating code from beginning. Keep reusable things in Utils. All control related components (inputs, buttons, checkboxes) at one place.

Always keep styles at one place. Use constant variables for colors, this makes making changes very easy. The constant file holds colors.

enter image description here

over 4 years ago · Santiago Trujillo Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda