You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: P06-Organizing-Files/content.md
+19-19
Original file line number
Diff line number
Diff line change
@@ -24,22 +24,22 @@ Organizing components and their dependencies in folders is one way to keep compo
24
24
> Move all of your components into this folder. It should include all of the following files:
25
25
>
26
26
> - src
27
-
> -About.js
28
-
> - App.css
29
-
> - App.js
30
-
> - App.test.js
31
-
> - index.css
32
-
> - index.js
33
-
> - POPOSDetails.js
34
-
> - POPOSList.css
35
-
> - POPOSList.js
36
-
> - POPOSSpace.css
37
-
> - POPOSSpace.js
38
-
> - serviceWorker.js
39
-
> - setupTests.js
40
-
> - sfpopos-data.json
41
-
> - Title.css
42
-
> - Title.js
27
+
> -components
28
+
> - About.js
29
+
> - App.css
30
+
> - App.js
31
+
> - App.test.js
32
+
> - index.css
33
+
> - index.js
34
+
> - POPOSDetails.js
35
+
> - POPOSList.css
36
+
> - POPOSList.js
37
+
> - POPOSSpace.css
38
+
> - POPOSSpace.js
39
+
> - serviceWorker.js
40
+
> - setupTests.js
41
+
> - Title.css
42
+
> - Title.js
43
43
44
44
All of your components should now be in the `components` folder, **except for index.js and index.css**. After this change, your folder structure should look like the following:
45
45
@@ -118,7 +118,7 @@ This time the error is in `POPOSList.js` and it can't resolve `./sfpopos-data.js
118
118
>
119
119
> `import data from '../sfpopos-data.json'`
120
120
121
-
With these changes, you should have everything working in the example project. You might have to refresh the browser page after these changes.
121
+
With these changes, you should have everything working in the example project. You might have to refresh the browser page after these changes.
122
122
123
123
### Grouping Components
124
124
@@ -156,8 +156,8 @@ After these changes, your `src` directory should look like this:
156
156
- setupTests.js
157
157
- sfpopos-data.json
158
158
159
-
Note you will need to update your imoport statements after moving your files. This includes statements that import the component into `App.js` and places where you may have imported `sfpopos-data.json`.
159
+
Note you will need to update your imoport statements after moving your files. This includes statements that import the component into `App.js` and places where you may have imported `sfpopos-data.json`.
160
160
161
-
Read thee error any error messages and these will usually tell you where a path fails to locate something.
161
+
Read thee error any error messages and these will usually tell you where a path fails to locate something.
162
162
163
163
**CONGRATS!** You have successfully completed the React Fundamentals tutorial! Keep practicing with React, and we're excited to teach you more!
0 commit comments