tjunghans/React-TS-Filename-convention.md

Created August 7, 2025 19:40

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/tjunghans/ee85a1498262f7da1f452493841b2a8a.js"></script>
Save tjunghans/ee85a1498262f7da1f452493841b2a8a to your computer and use it in GitHub Desktop.

Download ZIP

React Typescript Filename convention

Raw

React-TS-Filename-convention.md

One exported class per file. Event better, one class per file. Uppercase *.ts file, example: MyClass.ts
One exported React component per file. Event better, one React component per file. Uppercase *.tsx file, example MyComponent.ts.
Hide complexity and simplify imports with folders and barrel files (index.ts).
Utilities, functions are in lowercase files.
Custom hooks are in "useMyCustomhook.ts" files.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment