tjunghans/React-TS-Filename-convention.md

Created August 8, 2025 18:06

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/a2124575815fd66ef14d74470716fa02.js"></script>
Save tjunghans/a2124575815fd66ef14d74470716fa02 to your computer and use it in GitHub Desktop.

Download ZIP

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