{"id":20317243,"url":"https://github.com/sury4karmakar/ReactNative-ProjectStructure","last_synced_at":"2025-09-22T22:31:42.053Z","repository":{"id":143241099,"uuid":"417521921","full_name":"sury4karmakar/ReactNative-ProjectStructure","owner":"sury4karmakar","description":"🔸 Best Folder Structure For Every React Native Project ... 🔸 In This Repo We Are Demonstrate How To Structure And Manage Your React Native Project ...","archived":false,"fork":false,"pushed_at":"2021-10-31T10:53:36.000Z","size":369,"stargazers_count":9,"open_issues_count":0,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-05T10:49:04.902Z","etag":null,"topics":["boilerplate","folder-structure","project-structure","react-native"],"latest_commit_sha":null,"homepage":"","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sury4karmakar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-15T14:06:38.000Z","updated_at":"2025-06-12T03:40:37.000Z","dependencies_parsed_at":"2023-07-20T19:32:00.465Z","dependency_job_id":null,"html_url":"https://github.com/sury4karmakar/ReactNative-ProjectStructure","commit_stats":null,"previous_names":["sury4karmakar/reactnative-projectstructure"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sury4karmakar/ReactNative-ProjectStructure","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sury4karmakar%2FReactNative-ProjectStructure","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sury4karmakar%2FReactNative-ProjectStructure/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sury4karmakar%2FReactNative-ProjectStructure/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sury4karmakar%2FReactNative-ProjectStructure/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sury4karmakar","download_url":"https://codeload.github.com/sury4karmakar/ReactNative-ProjectStructure/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sury4karmakar%2FReactNative-ProjectStructure/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276487261,"owners_count":25651132,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-22T02:00:08.972Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","folder-structure","project-structure","react-native"],"created_at":"2024-11-14T18:30:13.227Z","updated_at":"2025-09-22T22:31:41.673Z","avatar_url":"https://github.com/sury4karmakar.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Project Folder And File Structure\n\n## Basic Folder Structure :\n\n```\n├── src\n│   ├── api\n│   ├── assets\n│   │  ├── fonts\n│   │  ├── images\n│   ├── components\n│   │  ├── common\n│   │  ├── presentation\n│   ├── constants\n│   ├── hooks\n│   ├── navigation\n│   ├── redux\n│   │  ├── actions\n│   │  ├── constants\n│   │  ├── reducers\n│   ├── screens\n│   │  ├── homeScreen\n│   │  ├── aboutScreen\n│   ├── styles\n│   ├── utility\n```\n\n## Folder With File Structure :\n\n```\n├── src\n│   ├── api\n│   │  ├── ApiCalls.js\n│   │  ├── EndUrls.js\n│   │  ├── index.js\n│   ├── assets\n│   │  ├── fonts\n│   │  │  ├── font-name1.ttf\n│   │  │  ├── font-name2.ttf\n│   │  ├── images\n│   │  │  ├── icon1.png\n│   │  │  ├── icon2.png\n│   ├── components\n│   │  ├── common\n│   │  │  ├── customButtonRN\n│   │  │  │  ├── index.js\n│   │  │  │  ├── styles.js\n│   │  │  ├── customTextRN\n│   │  │  │  ├── index.js\n│   │  │  │  ├── styles.js\n│   │  ├── presentation\n│   │  │  ├── buttonRN\n│   │  │  │  ├── index.js\n│   │  │  │  ├── styles.js\n│   │  │  ├── textRN\n│   │  │  │  ├── index.js\n│   │  │  │  ├── styles.js\n│   ├── constants\n│   │  │  ├── Enums.js\n│   │  │  ├── Fonts.js\n│   │  │  ├── Images.js\n│   │  │  ├── ScreenNames.js\n│   │  │  ├── StorageKeys.js\n│   │  │  ├── Strings.js\n│   │  │  ├── Colors.js\n│   ├── hooks\n│   │  │  ├── index.js\n│   ├── navigation\n│   │  │  ├── AppNavigator.js\n│   │  │  ├── AuthNavigator.js\n│   │  │  ├── TabNavigator.js\n│   ├── redux\n│   │  ├── actions\n│   │  │  ├── Action1.js\n│   │  │  ├── Action2.js\n│   │  ├── constants\n│   │  │  ├── Constants1.js\n│   │  │  ├── Constants1.js\n│   │  ├── reducers\n│   │  │  ├── Reducer1.js\n│   │  │  ├── Reducer2.js\n│   │  ├── store.js\n│   ├── screens\n│   │  ├── homeScreen\n│   │  │  ├── index.js\n│   │  │  ├── styles.js\n│   │  ├── aboutScreen\n│   │  │  ├── index.js\n│   │  │  ├── styles.js\n│   ├── styles\n│   │  ├── GlobalStyle.js\n│   ├── utility\n│   │  ├── index.js\n```\n\n## api/\n\nThis folder contains logic related to external API communications.\n\n## assets/\n\nThis folder will store all the assets that we are using in react-native. You can add static files like fonts and images to it. Also, you can add more assets like videos in this folder according to your project requirements.\n\n- **fonts/**\n- **images/**\n\n## components/\n\nIn this folder, we create all the React components that will be part of our app and any custom component that we create during the app’s development. We can group components by features or places they will be used and components that will be used throughout our app, like buttons or texts.\n\n- **common/**\n- **presentation/**\n\n## constants/\n\nThis folder contains all the string related file.\n\n## hooks/\n\nIf you have custom hooks defined in your project you can put it over here that can be shared across your entire project.\n\n## navigation/\n\nYour project base navigation goes here. You can create a stack navigator in it and export it to your application.\n\n## redux/\n\nThis folder holds all the redux files if you are using react-redux for managing state. Inside redux folder you have actions, reducers, store which can easily manage your redux files.\n\n- **actions/**\n- **constants/**\n- **reducers/**\n\n## screens/\n\nIf you have multiple screens like auth screens: login, register and profile screens, product screens it can be saved here.\n\n## styles/\n\nIf you have global styles defined in your project you can put it over here like colors, font styles like things.\n\n## utility/\n\nAll the utils/helpers files go here that storing reusable methods and logic like validations, progress bar, date pickers, and according to your app requirements.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsury4karmakar%2FReactNative-ProjectStructure","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsury4karmakar%2FReactNative-ProjectStructure","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsury4karmakar%2FReactNative-ProjectStructure/lists"}