reactjs

Where to put constants and types in a React Typescript project


I am curious to know where on should put constants and types that are used in many parts of the app. What is the best practice to organize this? Thanks!


Solution

  • Putting files and and making good structure of is an art and very crucial for large scale application. For the best practice our code should not have any constants inside our component we should decide a common place to put all of our constants and type. So that we make less mistakes and follow the dry(don't repeat yourself) principle.

    we should keep our constant and type like this...

    put all of your types inside modules folder with this navigation

    src/store/modules/app.types.ts

    and put you constants in utils folder with this navigation

    src/utils/validation.constant.ts

    Again it depends how you are structuring your project. Happy Learning