ctrlplusb/react-component-queries

Provide props to your React Components based on their Width and/or Height.

JavaScript

182

MIT License

`react-component-queries` is a React higher-order component that automatically provides props to your components based on their rendered width or height. It simplifies responsive design by moving size-based logic into reusable query functions, preventing unnecessary re-renders and keeping components clean. This library is ideal for React developers seeking an efficient,

Total donated

Undistributed

Share with your subscribers:

Recipients

How the donated funds are distributed

Support the dependencies of ctrlplusb/react-component-queries

zertosh/invariant

invariant

philidem/node-app-root-dir

Simple module to infer the root directory of the currently running node application

babel/babel-eslint

Custom parser for ESLint

jestjs/jest

Jest plugin to use babel for transformation.

babel/babel-preset-env

A Babel preset for each environment.

blakeembrey/change-case

Transform a string between `camelCase`, `PascalCase`, `Capital Case`, `snake_case`, `kebab-case`, `CONSTANT_CASE` and others

codecov/codecov-node

Uploading report to Codecov: https://codecov.io

kentcdodds/cross-env

Run scripts that set and use environment variables across platforms

airbnb/enzyme

JavaScript Testing utilities for React

enzymejs/enzyme

JavaScript Testing utilities for React

adriantoine/enzyme-to-json

convert enzyme wrapper to a format compatible with Jest snapshot

airbnb/javascript

Airbnb's ESLint config, following our styleguide

import-js/eslint-plugin-import

Import with sanity.

jsx-eslint/eslint-plugin-jsx-a11y

Static AST checker for accessibility rules on JSX elements.

jsx-eslint/eslint-plugin-react

React specific linting rules for ESLint

typicode/husky

Modern native Git hooks

iarna/in-publish

Detect if we were run as a result of `npm publish`

jestjs/jest

Delightful JavaScript Testing.

lint-staged/lint-staged

Lint files staged by git

chrisdickinson/raf

requestAnimationFrame polyfill for node and the browser

ramda/ramda

A practical functional library for JavaScript programmers.

facebook/react

React is a JavaScript library for building user interfaces.

facebook/react

React package for working with the DOM.

ctrlplusb/react-sizeme

Make your React Components aware of their width and/or height!

anseki/readline-sync

Synchronous Readline for interactively running to have a conversation with the user via a console(TTY).

isaacs/rimraf

A deep deletion module for node (like `rm -rf`)

rollup/rollup

Next-generation ES module bundler

TrySound/rollup-plugin-uglify

Rollup plugin to minify generated bundle

Support the dependencies

Support the repos that depend on this repository

Top contributors

84 contributions

2 contributions

2 contributions

1 contributions

1 contributions

1 contributions

1 contributions

Recent events

Kivach works on the Obyte network, and therefore you can track all donations.

No events yet

Support the dependencies of ctrlplusb/react-component-queries

zertosh/invariant

invariant

philidem/node-app-root-dir

Simple module to infer the root directory of the currently running node application

babel/babel-eslint

Custom parser for ESLint

jestjs/jest

Jest plugin to use babel for transformation.

babel/babel-preset-env

A Babel preset for each environment.

blakeembrey/change-case

Transform a string between `camelCase`, `PascalCase`, `Capital Case`, `snake_case`, `kebab-case`, `CONSTANT_CASE` and others

codecov/codecov-node

Uploading report to Codecov: https://codecov.io

kentcdodds/cross-env

Run scripts that set and use environment variables across platforms

airbnb/enzyme

JavaScript Testing utilities for React

enzymejs/enzyme

JavaScript Testing utilities for React

adriantoine/enzyme-to-json

convert enzyme wrapper to a format compatible with Jest snapshot

airbnb/javascript

Airbnb's ESLint config, following our styleguide

import-js/eslint-plugin-import

Import with sanity.

jsx-eslint/eslint-plugin-jsx-a11y

Static AST checker for accessibility rules on JSX elements.

jsx-eslint/eslint-plugin-react

React specific linting rules for ESLint

typicode/husky

Modern native Git hooks

iarna/in-publish

Detect if we were run as a result of `npm publish`

jestjs/jest

Delightful JavaScript Testing.

lint-staged/lint-staged

Lint files staged by git

chrisdickinson/raf

requestAnimationFrame polyfill for node and the browser

ramda/ramda

A practical functional library for JavaScript programmers.

facebook/react

React is a JavaScript library for building user interfaces.

facebook/react

React package for working with the DOM.

ctrlplusb/react-sizeme

Make your React Components aware of their width and/or height!

anseki/readline-sync

Synchronous Readline for interactively running to have a conversation with the user via a console(TTY).

isaacs/rimraf

A deep deletion module for node (like `rm -rf`)

rollup/rollup

Next-generation ES module bundler

TrySound/rollup-plugin-uglify

Rollup plugin to minify generated bundle