https://github.com/jamessimone/curalate-react

Typescript and plain JSX wrappers for introducing Curalate fan reels on your website
https://github.com/jamessimone/curalate-react

carousel-component curalate e-commerce react react-component-boilerplate react-components reactjs script-injection script-injector script-loader typescript

Last synced: about 2 months ago
JSON representation

Typescript and plain JSX wrappers for introducing Curalate fan reels on your website

• Host: GitHub
• URL: https://github.com/jamessimone/curalate-react
• Owner: jamessimone
• License: mit
• Created: 2019-02-08T14:11:17.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-08T14:23:37.000Z (over 6 years ago)
• Last Synced: 2025-02-02T00:51:13.544Z (4 months ago)
• Topics: carousel-component, curalate, e-commerce, react, react-component-boilerplate, react-components, reactjs, script-injection, script-injector, script-loader, typescript
• Language: JavaScript
• Size: 3.91 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Curalate-React

Want to load curalate's client side pixel onto your website built with React / Typescript but don't know where to begin?

These recipes should help!

## Getting started

The CuralateWrapper elements found in src/jsx-wrapper || src/typescript-wrapper should be enough to get you started.

Currently they are built as class elements, but if you experience no issue with the component unmounting oddly

(which I have observed during certain client side renders with a SSR'ed app), by all means feel free to adopt

as a functional component.

1. Ensure your fan reel is deployed within Curalate - use the site name provided within Curalate's fan reel section to properly

load the pixel by using the ScriptInjector component.

2. Ensure that the crl8 pixel is loaded prior to using either of the Curalate wrappers. Nothing will be displayed otherwise.

3. Correctly reference the curalate fan reel's type using the containerId prop

4. Add a product filter if you are using a PDP fan reel or if the collection your fan reel is associated with has filterable products.

5. Profit?