@adobe/aem-core-cif-react-components
Advanced tools
A collection of React components used in the AEM CIF Core Components project
The React Components project is the code base for all the CIF Core Components built using React. The following components are exposed by this library:
An implementation of the "minicart" component, complete with checkout experience.
A context provider for a cart component which provides state management for cart operations
A component which provides cart operations such as "Add to cart" and "Remove from cart"
A context provider for a cart component which provides state management for checkout operations
The account management components - Sign In, Forgot Password, Change Password and My Account, all wrapped into one component
A context provider for user operations - sign in / sign-out, create user
A convenience wrapper for React components, encapsulating all the required contexts to run the app
The project is built using the command npm run build. The build process bundles all the code into one client library which is placed in ../ui.apps/src/main/content/jcr_root/apps/core/cif/clientlibs/react-components/dist.
This project uses Jest for running unit tests and React Testing Library as the testing framework. This framework allows you to test the behavior of the components rather than the implementations.
The unit tests are run using the npm run test command. To run the tests during development you can use npm run test:watch to start Jest in watch mode.
The React components access the Magento backend directly, so the calls have to be proxied in order to avoid CORS issues. For this you have to have the Dispacher proxy configured (see the dispacher configuration) for details) and you have to access AEM through the dispatcher (i.e. use https://localhost instead of http://localhost:4502).
To build the components you can use
npm run build
FAQs
A collection of React components used in the AEM CIF Core Components project
The npm package @adobe/aem-core-cif-react-components receives a total of 1,105 weekly downloads. As such, @adobe/aem-core-cif-react-components popularity was classified as popular.
We found that @adobe/aem-core-cif-react-components demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.