Repository files navigation

1. npm i -D react-container-query-container
2. initialize thecontainer queriesprolyfillonce in the top of your app. (setpostcss: true if you're using thepostcss-plugin):

   import ContainerQueryContainer, { cq } from 'react-container-query-container';const cqAPI = cq({ postcss: true });

3. decorate your component with the higher-order component, passing an optionalcallback to execute when the component is reevaluated:

   @ContainerQueryContainer({cqAPI,componentShouldReevaluate: () => console.log('reevaluated.'),})class DemoComponent extends Component { …

Welcome to the future!

Collaborating on this React component:

You will need the following things properly installed on your computer.

• Git
• Node.js (with npm)
• nwb -npm install -g nwb

• git clone https://github.com/VinSpee/react-container-query-container.git this repository
• change into the new directory
• npm install

• nwb serve will run the component's demo app
• Visit the demo athttp://localhost:3000

• nwb test will run the tests once
• nwb test --server will run the tests on every change

• nwb build