Course Content

Course Content


Any react project's building pieces are components. This folder contains a set of UI components, such as buttons, modals, inputs, and loaders, that can be used in several files throughout the project. Because it will be widely utilised in the project, each component should have a test file for unit testing.

  • Shared components are stored in the components or shared folder.
  • However, don't optimise too soon!
  • Save whole pages (route endpoints) in the pages or screens folder (for React Native)
  • If the default export of a file is a React component, capitalise the filename as if it were the component itself.
  • Make sure to use absolute imports!

With React JS, developers can easily create and share a website or application. This framework is not only lightweight but also easy to use.

If you want to understand how the file structure in React js works, you can follow this guide by React docs. It will help you understand how the file structure works and what are the different files that make up an app.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere