web-dev-path icon indicating copy to clipboard operation
web-dev-path copied to clipboard
verified publisher icon Web-Dev-Path

Set up TypeScript support while maintaining compatibility with existing JavaScript files

Open cherylli opened this issue 8 months ago • 2 comments

What do we need to build or fix? We need to configure the project to support TypeScript so that future development can leverage its type safety and tooling benefits. The existing JavaScript files should continue to work without needing to be migrated immediately.

Technical details Install Typescript, setup tsconfig to allow js

References: Official TypeScript Handbook (TS + JS Projects) https://www.typescriptlang.org/docs/handbook/migrating-from-javascript.html

TypeScript Configuration Options (tsconfig.json) https://www.typescriptlang.org/tsconfig

Approach suggestions

  • Install TypeScript and necessary type definitions: yarn add -D typescript @types/node
  • Create a tsconfig.json file with allowJs enabled so existing .js files remain functional.
  • Update build scripts and tooling (e.g., ESLint, Babel, Webpack) to handle .ts and .tsx files.
  • Ensure the project compiles and runs with a mix of .js and .ts files.

Deadline Please keep in mind that once you assign this task to yourself, you'll need to complete it in 10 days.

Acceptance criteria

  • Test the section and components in many screen sizes, you can use the Inspect tool for that.
  • Please test if the new changes added to the components do not affect the other instances.
  • Test the feature in many browsers, such as Chrome, Firefox, Edge, and Safari (MAC).
  • If there are any build problems when submitting your PR, run yarn build locally to solve the issues and commit the changes.
  • Update the CHANGELOG.md file.

cherylli avatar Apr 26 '25 04:04 cherylli

Is this currently been worked on or i can pick this up ?

Segundavid-Dev avatar Jul 12 '25 17:07 Segundavid-Dev

Hi @Segundavid-Dev, this issue is currently assigned to someone and also doesn't have a "help wanted" tag. But in this case, we have just put this on hold and working on other tasks.

If you're interested in contributing, please follow the procedure in the readme https://github.com/Web-Dev-Path/web-dev-path?tab=readme-ov-file#how-to-get-started

Also please have a read at our wiki and make sure your goals align to ours

cherylli avatar Jul 13 '25 01:07 cherylli