【文件属性】：
文件名称：react-socks：:party_popper:React库仅在特定视口上渲染组件:fire:
文件大小：153KB
文件格式：ZIP
更新时间：2021-02-03 12:58:32
react library viewport breakpoints media-queries
React袜子
用React Socks包裹组件，以防止在不同视口中不必要的渲染。
< Breakpoint>
< MyAwesomeMobileMenu>
This component will render only in mobile devices
为什么？
按照惯例，我们一直在为不同的视口编写CSS媒体查询，以隐藏和显示DOM中始终存在的元素。 随着React接管世界，一切都与将组件渲染到DOM有关。 React Socks帮助您根据视口有条件地渲染元素。
轻松渲染视口特定组件
您可以定义自己的断点（例如xs，ipad，bigmonitor）并使用它们
如果您延迟加载视口特定组件，则可以提高应用程序性能
为方便使用简单，语法更甜
安装
$ npm install --save react-socks
用法
只需使用BreakpointProvider包装*组件，然后在需要的任何地方使用Breakpoint组件。
注意： BreakpointP
【文件预览】：
react-socks-master
----.gitignore(133B)
----README.md(9KB)
----CHANGELOG.md(2KB)
----webpack.config.babel.js(1KB)
----examples()
--------webpack.config.live.babel.js(2KB)
--------webpack.config.babel.js(929B)
--------dist()
--------.babelrc(63B)
--------index.js(516B)
--------Example.js(2KB)
----LICENSE(1KB)
----.eslintrc(505B)
----package.json(2KB)
----src()
--------index.js(363B)
--------Breakpoint()
----.babelrc(63B)
----index.js(105B)
----config()
--------polyfills.js(644B)
--------jest()
----jest.config.js(542B)
----@types()
--------index.d.ts(1KB)
----.npmignore(380B)
----.travis.yml(103B)
----yarn.lock(344KB)