CoreUI for React v5.0.0-rc.3

CoreUI for React v5.0.0-rc.3

We’re excited to announce the release of CoreUI for React v5.0.0-rc.3, available as of March 22, 2024. This latest version introduces enhancements that aim to refine the usability and aesthetic flexibility of our React components. With a focus on improving the integration and customization capabilities for developers, we continue to evolve the CoreUI library to meet the growing demands of modern web development.

What’s New

Refactor

  • Color Handling and Accessibility Enhancements: The CBadge and CCard components have been updated to not only improve background and text color management but also to introduce a new property, textBgColor. This property allows for setting the component’s color scheme to one of CoreUI’s themed colors, ensuring text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility. These improvements allow for more dynamic and responsive design choices while enhancing the visual appeal and readability of components.

Dependencies

To ensure that CoreUI for React remains at the forefront of web development, we’ve updated several key dependencies:

  • Updated @coreui/coreui from ^5.0.0-rc.2 to ^5.0.0-rc.3
  • Updated @testing-library/react from ^14.2.1 to ^14.2.2
  • Updated @types/react from 18.2.63 to 18.2.67
  • Updated @types/react-dom from ^18.2.20 to ^18.2.22
  • Updated @typescript-eslint/eslint-plugin from ^7.1.1 to ^7.3.1
  • Updated @typescript-eslint/parser from ^7.1.1 to ^7.3.1
  • Updated eslint-plugin-react from ^7.34.0 to ^7.34.1
  • Updated rollup from ^4.12.1 to ^4.13.0
  • Updated sass from ^1.71.1 to ^1.72.0
  • Updated typescript from ^5.4.2 to ^5.4.3

This release underscores our commitment to providing a robust, efficient, and versatile toolkit for React developers, ensuring projects are built using the most up-to-date and accessible components.


For a detailed overview of all the changes, enhancements, and updates, we invite you to review the full changelog on GitHub

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to Use JavaScript setTimeout()
How to Use JavaScript setTimeout()

Javascript Random - How to Generate a Random Number in JavaScript?
Javascript Random - How to Generate a Random Number in JavaScript?

How to capitalize the first letter in JavaScript?
How to capitalize the first letter in JavaScript?

How to concatenate a strings in JavaScript?
How to concatenate a strings in JavaScript?

How to sleep in Javascript
How to sleep in Javascript

How to migrate CoreUI React Templates to Vite
How to migrate CoreUI React Templates to Vite