landy-react-template icon indicating copy to clipboard operation
landy-react-template copied to clipboard

feat: upgrade to Vite + React 19 with modern router implementation

Open namanbarkiya opened this issue 7 months ago • 2 comments

Modernization: Upgrade to Vite and React 19

This PR upgrades the Landy React template from React 17 with Create React App to the latest React 19 with Vite, bringing significant performance and developer experience improvements.

Changes:

Build System Upgrade

  • Replaced Create React App with Vite for faster development and build times
  • Updated TypeScript configuration for compatibility with newer versions
  • Configured Vite's public directory to properly handle static assets

Dependency Upgrades

  • Updated React from v17 to v19
  • Updated React Router from v5 to v7
  • Upgraded styled-components to latest version compatible with React 19
  • Updated Ant Design to v5 with proper styling
  • Updated all i18n libraries to latest versions

Router Implementation

  • Replaced Switch with Routes for React Router v7 compatibility
  • Updated route configuration format to work with newer router API
  • Fixed dynamic page imports with Vite's module system
  • Added proper route typing for TypeScript support

UI and Styling Fixes

  • Fixed font loading issues to ensure correct appearance
  • Added explicit margin reset for heading elements
  • Updated styled-components implementation with proper TypeScript interfaces
  • Improved mobile responsiveness with updated media queries

Developer Experience

  • Simplified development and build scripts
  • Enhanced TypeScript type checking and linting
  • Improved error reporting in development mode

This modernization maintains all existing functionality while providing a significant performance boost and ensuring the template stays relevant with the latest React ecosystem.

namanbarkiya avatar Apr 13 '25 21:04 namanbarkiya

Deploy Preview for landy-web failed.

Name Link
Latest commit 06f7dec5c463ac78e4d7907c3da9f81b543e4258
Latest deploy log https://app.netlify.com/sites/landy-web/deploys/67fc34f4485ee90008aad739

netlify[bot] avatar Apr 13 '25 21:04 netlify[bot]

@Adrinlol Please review

namanbarkiya avatar Apr 13 '25 21:04 namanbarkiya