DEV Community

Discussion on: React Native: Como organizar seus componentes

Collapse
 
aimerib profile image
Aimeri Baddouh

Gostei do teu jeito de organizar components. Meu problema geralmente é quando eu estou lidando com estilos em CSS e nao estou utilizando css-in-js. Acabo ficando com Button.jsx, Button.css, Button.test.jsx, tudo misturado com os outros components, dai acabo preferindo criar uma pasta dedicada pra cada um dos components, e exportando o componente pelo index.js do component:

/app
  /components
    /Button
      index.js //(aonde eu export default meu component)
      Button.css
      Button.jsx
      Button.test.jsx
  /screens
    /login.jsx
...
Enter fullscreen mode Exit fullscreen mode

e dai no meu /screens component eu importo do mesmo jeito:
import Button from '../components/Button';

Acho que é por isso que todo mundo curte React... Nao é tao opinionado quanto outras frameworks.

Collapse
 
thelimarenan profile image
Renan Maciel

Eu faço exatamente assim 😅