You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
468 B
26 lines
468 B
7 years ago
|
---
|
||
|
|
id: faq-structure
|
||
|
|
title: File Structure
|
||
|
|
permalink: docs/faq-structure.html
|
||
|
|
layout: docs
|
||
|
|
category: FAQ
|
||
|
|
---
|
||
|
|
|
||
|
|
### Is there a recommended way to structure React projects?
|
||
|
|
|
||
|
|
One common way to structure projects is locate CSS, JSX, and tests together inside folders grouped by feature or route.
|
||
|
|
|
||
|
|
```
|
||
|
|
FeatureA
|
||
|
|
index.jsx
|
||
|
|
ComponentA.jsx
|
||
|
|
ComponentA.scss
|
||
|
|
ComponentA.test.js
|
||
|
|
Helper.jsx
|
||
|
|
Helper.test.js
|
||
|
|
FeatureB
|
||
|
|
index.jsx
|
||
|
|
ComponentB.jsx
|
||
|
|
ComponentB.test.jsx
|
||
|
|
```
|