Class ReactMigrationTool

constructor

• new ReactMigrationTool(): ReactMigrationTool

• Returns ReactMigrationTool

targetVersion

projectRoot

issues

fixes

reactFiles

options

Optional backupInfo

migrate

• migrate(targetVersion, projectPath?, options?): Promise<void>

• Starts the migration process.

  Parameters

  • targetVersion: string

    The React version to migrate to.
  • Optional projectPath: string

    The path to the React project.
  • options: MigrationOptions = {}

    Migration options.

  Returns Promise<void>

createBackup

• createBackup(): Promise<void>

• Creates a backup of the project before migration.

  Returns Promise<void>

rollback

• rollback(backupId): Promise<void>

• Rolls back to a specific backup.

  Parameters

  • backupId: string

    The backup ID to rollback to.

  Returns Promise<void>

listBackups

• listBackups(): BackupInfo[]

• Lists available backups.

  Returns BackupInfo[]

analyzeProject

• analyzeProject(): Promise<void>

• Analyzes the project structure and finds React files.

  Returns Promise<void>

findReactFiles

• findReactFiles(): void

• Finds React files in the project.

  Returns void

getReactFiles

• getReactFiles(dir): string[]

• Recursively gets React files from a directory.

  Parameters

  • dir: string

    The directory to search.

  Returns string[]

  Array of React file paths.

updateDependencies

• updateDependencies(): Promise<void>

• Updates dependencies in package.json.

  Returns Promise<void>

analyzePeerDependencies

• analyzePeerDependencies(packageJson): Promise<void>

• Analyzes peer dependencies for potential conflicts.

  Parameters

  • packageJson: any

    The package.json object.

  Returns Promise<void>

getReactRelatedPackages

• getReactRelatedPackages(): Record<string, string>

• Gets React-related packages with version mappings.

  Returns Record<string, string>

  Object mapping package names to versions.

transformCode

• transformCode(): Promise<void>

• Transforms React code files.

  Returns Promise<void>

transformFile

• transformFile(filePath): Promise<void>

• Transforms a single React file.

  Parameters

  • filePath: string

    Path to the file to transform.

  Returns Promise<void>

transformReactDOMRender

• transformReactDOMRender(content, fileName): string

• Transforms ReactDOM.render to createRoot API.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

transformLifecycleMethods

• transformLifecycleMethods(content, fileName): string

• Transforms deprecated lifecycle methods.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

transformEventHandlers

• transformEventHandlers(content, fileName): string

• Transforms event handlers for React 17+.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

transformPropTypes

• transformPropTypes(content, fileName): string

• Transforms PropTypes imports.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

transformReactFC

• transformReactFC(content, fileName): string

• Transforms React.FC usage.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

transformClassToFunctional

• transformClassToFunctional(content, fileName): string

• Transforms simple class components to functional components.

  Parameters

  • content: string

    File content to transform.
  • fileName: string

    Name of the file being transformed.

  Returns string

  Transformed content.

updateConfiguration

• updateConfiguration(): Promise<void>

• Updates configuration files.

  Returns Promise<void>

updateTsConfig

• updateTsConfig(tsConfigPath): void

• Updates TypeScript configuration.

  Parameters

  • tsConfigPath: string

    Path to tsconfig.json.

  Returns void

updateJestConfig

• updateJestConfig(jestConfigPath): void

• Updates Jest configuration.

  Parameters

  • jestConfigPath: string

    Path to jest.config.js.

  Returns void

updateEslintConfig

• updateEslintConfig(eslintConfigPath): void

• Updates ESLint configuration.

  Parameters

  • eslintConfigPath: string

    Path to .eslintrc.js.

  Returns void

checkBabelConfig

• checkBabelConfig(): void

• Checks Babel configuration.

  Returns void

checkWebpackConfig

• checkWebpackConfig(): void

• Checks Webpack configuration.

  Returns void

generateReport

• generateReport(): void

• Generates the migration report.

  Returns void

getTestingLibraryVersion

• getTestingLibraryVersion(): string

• Returns string

getTypesVersion

• getTypesVersion(): string

• Returns string

getReactRouterVersion

• getReactRouterVersion(): string

• Returns string

getReactScriptsVersion

• getReactScriptsVersion(): string

• Returns string

getReactReduxVersion

• getReactReduxVersion(): string

• Returns string

getReduxToolkitVersion

• getReduxToolkitVersion(): string

• Returns string

getReactHookFormVersion

• getReactHookFormVersion(): string

• Returns string

getFormikVersion

• getFormikVersion(): string

• Returns string

getStyledComponentsVersion

• getStyledComponentsVersion(): string

• Returns string

getEmotionVersion

• getEmotionVersion(): string

• Returns string

getReactTransitionGroupVersion

• getReactTransitionGroupVersion(): string

• Returns string

getReactSelectVersion

• getReactSelectVersion(): string

• Returns string

getReactDatepickerVersion

• getReactDatepickerVersion(): string

• Returns string

getReactModalVersion

• getReactModalVersion(): string

• Returns string

getReactHelmetVersion

• getReactHelmetVersion(): string

• Returns string

getReactHelmetAsyncVersion

• getReactHelmetAsyncVersion(): string

• Returns string

getReactVirtualizedVersion

• getReactVirtualizedVersion(): string

• Returns string

getReactWindowVersion

• getReactWindowVersion(): string

• Returns string

getReactDndVersion

• getReactDndVersion(): string

• Returns string

getReactBeautifulDndVersion

• getReactBeautifulDndVersion(): string

• Returns string

getReactDropzoneVersion

• getReactDropzoneVersion(): string

• Returns string

getReactTableVersion

• getReactTableVersion(): string

• Returns string

getTanstackReactTableVersion

• getTanstackReactTableVersion(): string

• Returns string

getReactQueryVersion

• getReactQueryVersion(): string

• Returns string

getTanstackReactQueryVersion

• getTanstackReactQueryVersion(): string

• Returns string

getReactSpringVersion

• getReactSpringVersion(): string

• Returns string

getFramerMotionVersion

• getFramerMotionVersion(): string

• Returns string

getReactIntlVersion

• getReactIntlVersion(): string

• Returns string

getReactI18nextVersion

• getReactI18nextVersion(): string

• Returns string

getNextVersion

• getNextVersion(): string

• Returns string

getGatsbyVersion

• getGatsbyVersion(): string

• Returns string

getReactHotToastVersion

• getReactHotToastVersion(): string

• Returns string

getReactToastifyVersion

• getReactToastifyVersion(): string

• Returns string

getReactIconsVersion

• getReactIconsVersion(): string

• Returns string

getReactUseVersion

• getReactUseVersion(): string

• Returns string

getReactErrorBoundaryVersion

• getReactErrorBoundaryVersion(): string

• Returns string

getReactLoadableVersion

• getReactLoadableVersion(): string

• Returns string

getLoadableComponentVersion

• getLoadableComponentVersion(): string

• Returns string

getReactLazyloadVersion

• getReactLazyloadVersion(): string

• Returns string

getReactIntersectionObserverVersion

• getReactIntersectionObserverVersion(): string

• Returns string