Sign in Go Pro

Advanced React Native

Folder Structure of React Native Applications

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson

Up next



React Native doesn't specify an exact folder structure for your application, so it may be confusing to figure out the best folder structure to use.

Most projects organize components based on what screen they are used on. Other folders may exist for shared components.

We'll also look at where you could put shared theme styles like colors and fonts.

Summary of Content:

  • Reorganize the folder structure of the Todo List project by extracting components into a screens folder
  • Change all import statements to point to the folders
  • Create a colors.js file in a new theme folder




There are no comments on this lesson, start the conversation below ...

You need to go PRO to post comments.

Lessons in Advanced React Native