How to structure React project

Rmag Breaking News
src
|
+– assets
|
+– components
|
+– config
|
+– features
|
+– hooks
|
+– lib
|
+– providers
|
+– routes
|
+– stores
|
+– test
|
+– types
|
+– utils

components: Shared components that grace the entire kingdom
config: The vault of global configurations, env variables, and secrets
features: Feature based modules
hooks: Mystical hooks, shared across the entire realm
libs: re-exporting different libraries preconfigured for the application
providers: Keepers of the application’s life force, the providers
routes: routes configuration
stores: global state stores
test: The arena of trials, where utilities and mock servers prove their mettle
types: base types used across the application
utils: shared utility functions

Leave a Reply

Your email address will not be published. Required fields are marked *