CoreUI for React v5.0.0

CoreUI for React v5.0.0

We’re excited to announce the release of CoreUI for React v5.0.0, officially available as of March 28, 2024. This major update keeps CoreUI’s React components up to date with the latest web development standards, providing an even more robust and versatile toolkit for building dynamic and responsive web applications.

How to Update

To ensure a smooth transition to CoreUI for React v5.0.0, follow these straightforward steps:

  1. Open your project’s package.json.
  2. Locate the @coreui/react entry under dependencies and update the version number to 5.0.0.
  3. Find the @coreui/coreui entry under dependencies and update the version number to 5.0.0.
  4. Save your changes to the package.json file.
  5. In your project’s root directory, run the update command appropriate for your package manager:
    • For npm users, execute npm install.
    • For yarn users, execute yarn install.

What’s New

Dependencies

This release includes several key updates to dependencies, ensuring your project benefits from the latest features, improvements, and bug fixes:

  • Updated @coreui/chartjs from ^4.0.0-rc.0 to ^4.0.0
  • Updated @coreui/coreui from ^5.0.0-rc.3 to ^5.0.0
  • Updated @coreui/react-chartjs from ^3.0.0-rc.0 to ^3.0.0
  • Updated @types/react from 18.2.67 to 18.2.73
  • Updated @typescript-eslint/eslint-plugin from ^7.3.1 to ^7.4.0
  • Updated @typescript-eslint/parser from ^7.3.1 to ^7.4.0
  • Updated rollup from ^4.13.0 to ^4.13.1

CoreUI for React v5.0.0 is a testament to our commitment to providing developers with a comprehensive, efficient, and user-friendly development environment. By incorporating the latest advancements in React and web technology, this release offers enhanced performance, scalability, and flexibility for your projects.


For a detailed exploration of all the enhancements, fixes, and updates introduced in this version, please refer to the full changelog on GitHub.

Subscribe to our newsletter
Get early information about new products, product updates and blog posts.
How to convert a string to boolean in JavaScript
How to convert a string to boolean in JavaScript

How to show or hide elements in React? A Step-by-Step Guide.
How to show or hide elements in React? A Step-by-Step Guide.

How to set focus on an input field after rendering in React
How to set focus on an input field after rendering in React

Passing props to child components in React function components
Passing props to child components in React function components

How to loop inside React JSX
How to loop inside React JSX

How to validate an email address in JavaScript
How to validate an email address in JavaScript