[Feature Request] Convert JS codebase to TS

[Ashish-1016]

Description

We can gradually and with careful refinement, convert this codebase into a TypeScript codebase, which can offer various benefits to us.

Other

No response

[glime-ai[bot]]

To address the suggestion of converting the codebase into TypeScript, it's important to consider the potential benefits and the process involved. TypeScript offers advantages such as static type checking, which can help catch errors early in the development process, and it can enhance code quality and maintainability.

However, converting an existing JavaScript codebase to TypeScript requires careful planning and execution. It can be done incrementally, starting with the most critical parts of the application and gradually expanding to the rest. The process typically involves:

1. Adding TypeScript to the project dependencies.
2. Configuring the TypeScript compiler with a tsconfig.json file.
3. Renaming files from .js to .ts or .tsx (for React components).
4. Gradually adding type annotations and resolving any type errors that the compiler identifies.
5. Refactoring code as necessary to take full advantage of TypeScript's features.
6. Updating the build process to include TypeScript compilation.
7. Ensuring that all tests pass and that there are no regressions.

Before proceeding with such a transition, it would be advisable to discuss this with the team, consider the current project priorities, and evaluate the potential impact on the development workflow. It's also important to ensure that all contributors are on board with the change and are prepared for the learning curve associated with adopting TypeScript.

If the decision is made to proceed with the conversion, it should be documented in the project's contribution guidelines, and any necessary resources or training should be provided to contributors.

Would you like to proceed with creating a plan for transitioning to TypeScript, or do you need further information on TypeScript and its benefits for your project?

---

Thanks for posting a discussion about homepage here on GitHub. Homepage now uses a fancy new AI tool thanks to our friends at Glime, so the answer above is the AI bot's attempt to answer your question. If you feel it's sufficient you can mark the answer and close this post, otherwise feel free to leave it open of course!

Thanks for using Homepage! ❤️

This comment was generated by Glime.

[Traxmaxx]

Hey,
I really like that idea. An simple approach to get started is to create a tsconfig.json and set allowJs and checkJs.
The compile step can be disabled with noEmit

Using these settings allows you to get some sort of type checking based on how functions or methods are used/referenced without immediately jumping into the rabbit hole of migrating JS files to TS.

This would allow developers to have basic type checking in their IDEs without actually migrating which is a great first step.

Additionally, depending on the output of tsc or eslint you could think about running them in a deployment pipeline and make errors block the pipeline or not.

[github-actions[bot]]

This discussion has been automatically closed due to lack of community support. See our contributing guidelines for more details.