CoreUI for React v5.9.0

We’re excited to introduceCoreUI for React v5.9.0! This release brings enhanced component functionality, improved accessibility features, performance optimizations, and updated dependencies for better development experience and modern browser support.

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

Angular

Bootstrap

React.js

Vue.js

How to Update

To upgrade your project toCoreUI for React v5.9.0, follow these steps:

1. Open yourpackage.json file.
2. Update the following dependencies:
   • @coreui/react:5.9.0
   • @coreui/coreui:5.4.3
3. Save the file.
4. Run your package manager’s install command:
   • Fornpm:npm install
   • Foryarn:yarn install

What’s New

✨ New Features

• Enhanced Component APIs: Added new configuration options for improved customization across core components
• Advanced Theming Support: Extended theme customization capabilities with additional CSS custom properties
• Improved TypeScript Support: Enhanced type definitions for better development experience

🛠 Performance Improvements

• Component Rendering: Optimized rendering performance across all components with reduced unnecessary re-renders
• Memory Management: Improved component lifecycle management for better memory usage
• Bundle Optimization: Enhanced tree-shaking support for smaller bundle sizes
• Event Handling: Streamlined event handling for better responsiveness

🔧 Build & Development

• Development Tools: Updated build pipeline for improved development experience
• ESLint Configuration: Enhanced linting rules for better code quality
• Documentation: Comprehensive updates to component documentation and examples
• Browser Support: Improved compatibility with latest browser versions

Dependency Updates

This version includes updates to core and development dependencies for improved compatibility and performance:

Core Dependencies

• Updated@coreui/coreui from^5.4.2 to^5.4.3

Development Dependencies

• Updated@types/react from^18.3.4 to^18.3.5
• Updated@typescript-eslint/parser from^8.34.0 to^8.35.0
• Updatedeslint from^9.34.0 to^9.35.0
• Updatedrollup from^4.20.0 to^4.21.0
• Updatedtypescript from^5.5.4 to^5.6.0
• Updatedsass from^1.77.8 to^1.78.0

Technical Details

Component Optimizations

Enhanced component architecture provides:

• Reduced memory footprint through optimized component lifecycle
• Better performance on modern browsers with native ES features
• Improved accessibility compliance with WCAG 2.1 guidelines
• Enhanced keyboard navigation and screen reader support

TypeScript Enhancements

Improved TypeScript definitions offer:

• Better IntelliSense support in IDEs
• Enhanced type safety for component props
• Improved development experience with better error messages
• Support for latest TypeScript features

Bundle Performance

Optimized build process delivers:

• Smaller bundle sizes through improved tree-shaking
• Better compression ratios for production builds
• Enhanced module resolution for faster builds
• Support for modern JavaScript features

For a full breakdown of changes and improvements, visit theofficial GitHub changelog.

How to migrate CoreUI React Templates to Vite

How to return multiple values from a JavaScript function

How to Add a Tab in HTML