What is the best folder structure for react apps?

• bookshelf

  5 2,620 5.1 JavaScript

  Build a ReactJS App workshop (by kentcdodds)

Keep your high-level screens in a folder called screens/pages. Reusable/lower level components in a separate folder (called components). Utils/shared folder for shared utlity functions/hooks etc. For tests, you can have a tests folder to store tests. Look at this repo for reference: https://github.com/kentcdodds/bookshelf

• jira_clone

  10 10,335 0.0 JavaScript

  A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). Auto formatted with Prettier, tested with Cypress.

Another possible way is to structure your folders is to have one per feature/context, let's say Auth, Posts, Videos, Projects etc. You can then have everything related your feature in that folder: like Post.jsx, Post.test.jsx, styles.jsx and index.jsx as the entry point of the feature. Look at this repo for this sort of(-ish) approach: https://github.com/oldboyxx/jira_clone/tree/master/client

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project