Saleumsack

Posted on Mar 14, 2019 • Updated on Mar 15, 2019

How do you structure react app file directory in 2019

#react #redux #reactrouter

Hi, I'm a beginner of using React, I need an advice for structure file directory for my Reactjs application. My Project consists of Readux & React-Router

Top comments (4)

Sung M. Kim • Mar 14 '19

IMHO, this question is a bit vague.

Would you be able to provide some stories, constraints?

Thanks~

Saleumsack • Mar 15 '19

Thank you,
I've added more detail in the topic description

Sung M. Kim • Mar 15 '19

I am really not trolling about this but...

Dan Abramov

@dan_abramov

Okay, I give in. I wrote a guide on the most scalable file structure for React projects. I’m using it every day. Best part: it works for Vue projects too. Hope it’s helpful! ✨ react-file-structure.surge.sh

17:30 PM - 08 Aug 2018

1598 5244

I believe it's because React is not opinionated & every project usually differs. So you'd need to "move files around" to see what works for you (trial & error) mostly.

Dan Abramov

@dan_abramov

@ErisDS There's no "best practice" in how to split files between folders in an app. Just like there's no best practice in how to split files between folders on your computer. Everybody does it a bit differently. IMO explicitly saying it doesn't mater is better than fighting over this 🙂

15:22 PM - 06 Nov 2018

1 3

Another way is to check GitHub looking for React/Redux "boilerplates" and mimic to see if it works for you.

Saleumsack • Mar 18 '19

Thank you so much, I'm a beginner to Reactjs ecosystem :D

DEV Community

How do you structure react app file directory in 2019

Top comments (4)

Read next

Layers of JavaScript

Understanding Error Boundaries in Next.js: A Deep Dive with Examples

🗣️Speaking Their Language: Tips for Developers to Talk to Non-Technical Audiences

Enhancing React List Rendering: A Clean and Reusable Pattern