Migrate mui-datatables from JavaScript to TypeScript #50

Activity

1. Rajesh-Nagarajan-11

   added

   kind/enhancementImprovement in current featureImprovement in current feature

   help wantedExtra attention is neededExtra attention is needed

   language/javascriptJavascript relatedJavascript related

   language/html

   on Apr 25, 2026
2. indevi commented on Apr 25, 2026

   

   indevi

   on Apr 25, 2026

   Contributor

   More actions

   will like to assist @Rajesh-Nagarajan-11, are u planning to create sub issues?
3. Rajesh-Nagarajan-11 commented on Apr 25, 2026

   

   Rajesh-Nagarajan-11

   on Apr 25, 2026

   Last edited by Rajesh-Nagarajan-11

   MemberAuthor

   More actions

   Hey @indevi, thanks! Since it involves fewer than 25 JS files, we can easily handle and migrate this entire component to TypeScript. Here’s the plan to do it:

   Prerequisite

   • Complete the SWC migration first: Swc migration #26
   • This needs to be merged before proceeding, as it ensures a cleaner and smoother migration flow.

   Phase 1: Setup & Configuration

   • Initialize TypeScript config (tsconfig.json)
   • Install type definitions (@types/*)
   • Update build configurations

   Phase 2: Core Components

   • Convert MUIDataTable.js (main component)
   • Define core types/interfaces

   Phase 3: UI Components

   • Convert component files (ExpandButton, selectable cells, etc.)
   • Add prop interfaces for each component

   Phase 4: Utilities & Helpers

   • Convert utils.js
   • Convert plugin utilities
   • Convert localStorage utilities

   Phase 5: Hooks & Advanced Features

   • Convert custom hooks
   • Convert plugins
   • Convert custom components

   Phase 6: Tests

   • Convert test files to TypeScript
   • Update test utilities

   Phase 7: Examples & Docs

   • Convert example files
   • Update documentation

   Phase 8: Build & Verification

   • Run full build
   • Verify no type errors
   • Test functionality
4. snakefood3232 commented on Apr 25, 2026

   

   snakefood3232

   on Apr 25, 2026

   More actions

   I see you're looking to migrate mui-datatables from JavaScript to TypeScript to improve reliability and maintainability. I'd handle this by converting .js/.jsx to .ts/.tsx in phases, introducing a tsconfig, and adding strong typing for key components like table options and custom renderers. I can have a PR up within 5 days, ensuring that the build succeeds with no TypeScript errors and all functionalities remain intact. I've previously migrated a similar large-scale React project to TypeScript, ensuring seamless integration and functionality.
5. Rajesh-Nagarajan-11 commented on Apr 25, 2026

   

   Rajesh-Nagarajan-11

   on Apr 25, 2026

   Last edited by Rajesh-Nagarajan-11

   MemberAuthor

   More actions

   Please review the prerequisites and ensure they are completed before starting work on the issue. Also, make sure the issue is assigned to you first.