Title:
Integrate New React Compiler with Vite & React-Router

Description:
We need to integrate the new React compiler into our project to improve build performance and potentially enhance our developer experience. Since our project uses Vite for bundling and React-Router for routing, we must ensure that the new compiler works seamlessly with our current setup.

Tasks:

• Research & Documentation:

  • Review the documentation for the new React compiler.
  • Identify any specific Vite plugins or configuration changes required for integration.
  • Check for compatibility issues with React-Router.

• Configuration Updates:

  • Update Vite configuration to use the new React compiler. This may involve adding or updating Vite plugins and adjusting build settings.
  • Verify that the JSX transformation is handled correctly by the new compiler.

• Testing & Validation:

  • Run the development server to ensure that the application compiles without errors.
  • Test routing functionality to confirm that React-Router is unaffected.
  • Perform end-to-end tests on key application features to validate that the integration does not introduce regressions.

• Documentation & Cleanup:

  • Update the project README or developer documentation to include any new setup instructions or changes.
  • Clean up any deprecated configurations related to the old compiler.

Acceptance Criteria:

• The project builds successfully using Vite with the new React compiler.
• All routes and components managed by React-Router function as expected.
• No regressions or build-time errors are introduced.
• Documentation is updated to reflect the new configuration.

Additional Notes:

• If any issues arise related to plugin compatibility or performance regressions, please document them and propose alternative solutions or rollback plans.
• Consider creating a branch (e.g., feature/react-compiler-integration) for this work to enable isolated testing and code review before merging into the main branch.

☝ thanks Claude