react-native init doesn't make src folder

Question

I'm following this tutorial: https://docs.realm.io/sync/getting-started-1/react-native-quick-start/step-1-query-based-sync#step-4-create-a-constants-file-and-set-the-realm-instance-address

Many documents including this tutorial refers a src folder, but when I create a React Native project with a command like react-native init MyProject, it doesn't create src folder. Why is that?

Following is my folder structure:

├── App.js
├── android
├── app.json
├── index.js
├── ios
├── node_modules
├── package.json
└── yarn.lock

Nagev · Accepted Answer · 2025-01-16 08:09:38Z

8

Because react-native-cli does not provide src folder. It's up to you, how you design or architect your app. Directory structures are up to you and you need to write code accordingly.

Generally, project specific code is kept in the src folder. In your case, there is just one component and App.js is the only file that holds the entire code. But as there will many screens/components you will find it unmanageable. For the sake of modularity, the src folder is made and used.

App
|
|--src
    |
    |--assets
    |--components
    |--screens
          |
          |--loginScreen.jsx
          |--homeScreen.jsx

edited Jan 16 at 8:09

Nagev

13.7k6 gold badges78 silver badges89 bronze badges

answered Dec 22, 2018 at 17:00

Anshul Masne

1952 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kivul · Accepted Answer · 2018-12-22 16:52:39Z

3

Just manually create your src folder. It's just used to better organize your project.

answered Dec 22, 2018 at 16:52

kivul

1,16813 silver badges29 bronze badges

Comments

Fábio · Accepted Answer · 2024-09-10 23:26:49Z

0

If you're using EXPO and wanna create the src folder to move your app directory to src/app:

Move your app directory to src/app

Then restart the development server:

npx expo start
npx expo export

You can check it on https://docs.expo.dev/router/reference/src-directory/

answered Sep 10, 2024 at 23:26

Fábio

1151 silver badge4 bronze badges

Collectives™ on Stack Overflow

react-native init doesn't make src folder

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related