Ant Design is a widely used React UI component library that provides many high-quality components to help developers quickly build beautiful user interfaces. Here are the detailed steps on how to use Ant Design in a React project, including installation, basic configuration, and usage examples.
Installation
classnames is a small JavaScript library that specifically handles the management of dynamic class names. classnames is very useful in React projects, especially when you need to dynamically switch CSS class names based on the state or props of a component.
date-fns is a popular JavaScript date processing library, similar to moment.js or day.js, but it provides rich date processing methods in the form of functions, which is very suitable for use in React projects.
Installation and import of Day.js
Hook
Lodash is a popular JavaScript utility library that provides a wealth of utility functions to simplify common programming tasks. It helps developers handle data structures such as arrays, objects, strings, and provides great help in performance and code simplicity. Lodash provides many practical methods, such as deep copy, deduplication, sorting, merging, searching, etc. These operations may require a lot of code in JavaScript, but using Lodash can greatly simplify these operations.
localStorage is a persistent storage mechanism provided by web browsers for storing key-value data in the browser. It allows you to store data in the browser and share data between pages under the same domain name. This data can remain unchanged after the page is reloaded, and even when the browser is closed and reopened, until it is explicitly deleted.
React is an open source JavaScript library first released by Facebook in 2013 to help developers build user interfaces, especially single-page applications (SPAs). The core idea of React is to build reusable UI components in a componentized way, allowing developers to manage the state and views of the application more efficiently.
install
Disclaimer: It is recommended to use npm install @reduxjs/toolkit, please see the documentation for details.
Pinia like Vue
Install