Merge pull request #4242 from nikitajz/patch-1

docs(part2a): Projects structure layout for components

Author: vejol

src/content/2/en/part2a.md

@@ -413,7 +413,17 @@ import App from "./App"
 
 Let's move our <i>Note</i> component into its own module.
 
-In smaller applications, components are usually placed in a directory called <i>components</i>, which is in turn placed within the <i>src</i> directory. The convention is to name the file after the component.
+In smaller applications, components are usually placed in a directory called <i>components</i> within the <i>src</i> directory. The convention is to name the file after the component.
+
+```shell
+src/
+├── main.jsx          # Entry point
+├── App.jsx           # Main App component  
+└── components/       # All reusable components
+    ├── Note.jsx      # Named after the component
+    ├── Header.jsx
+    └── Footer.jsx
+```
 
 Now, we'll create a directory called <i>components</i> for our application and place a file named <i>Note.jsx</i> inside. The contents of the file are as follows: