0Pricing
React Academy · Lesson

Folder Structure & Naming Conventions

Organize a React project with feature-based folders and clear file names.

Welcome

In this lesson you will explore common folder structures for React projects, learn naming conventions for files and components, and understand how to organise code as the project grows.

The Default Structure

A minimal Vite + React project has `src/App.jsx` and `src/main.jsx`. This is fine for small demos but does not scale. As you add features, create dedicated folders to keep related code together.
src/
  main.jsx
  App.jsx
  index.css

All lessons in this course

  1. What StrictMode Does
  2. Pure Components & Avoiding Side Effects in Render
  3. Key & Ref Best Practices
  4. Folder Structure & Naming Conventions
← Back to React Academy