Why use index files?

If you lean heavily into Javascript/Typescript in your day-to-day coding you’ll be well aware of the pain of dealing with imports. Keeping track of the deeply nested files where you’ve saved reusable variables/functions can be exhausting and confusing. If the messy import statement shown below gives you anxiety then read on!

importing the wrong way

We could simplify the import above by creating an index.js file inside the ComponentOne directory as shown below. It acts as a table of contents of all the exportable variables and functions within its files.

index files act as a table of contents

#extension #typescript #javascript