@regrapes/react-breakpoint-hooks - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

package.json

 {
   "name": "@regrapes/react-breakpoint-hooks",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": false,
@@ -5,0 +5,0 @@ "dependencies": {

README.md

@@ -15,11 +15,11 @@ # @regrapes/react-breakpoint-hooks
 
-```
-import { BreakpointProvider } from '@regrapes/react-breakpoint-hooks';
+```javascript
+import { BreakpointProvider } from "@regrapes/react-breakpoint-hooks";
 
 <BreakpointProvider>
   <App />
-</BreakpointProvider>
+</BreakpointProvider>;
 ```
 
-```
+```javascript
 import { useBreakpoints } from "@regrapes/react-breakpoint-hooks";
@@ -33,4 +33,8 @@
       {isScreenMD.exact && <div>Renders only on exact screen size MD</div>}
-      {isScreenMD.up && <div>Renders only on screen size MD and above (LG, XL)</div>}
-      {isScreenMD.down && <div>Renders only on screen size MD and below (SM, XS)</div>}
+      {isScreenMD.up && (
+        <div>Renders only on screen size MD and above (LG, XL)</div>
+      )}
+      {isScreenMD.down && (
+        <div>Renders only on screen size MD and below (SM, XS)</div>
+      )}
     </div>
@@ -67,4 +71,4 @@ );
 
-```
-import { BreakpointProvider } from '@regrapes/react-breakpoint-hooks';
+```javascript
+import { BreakpointProvider } from "@regrapes/react-breakpoint-hooks";
 
@@ -79,6 +83,5 @@ const BREAKPOINTS = {
 
-
 <BreakpointProvider breakpoints={BREAKPOINTS}>
   <App />
-</BreakpointProvider>
+</BreakpointProvider>;
 ```
@@ -85,0 +88,0 @@

No alert changes

Improved metrics

Total package byte prevSize

34247

increased by0.2%

Number of lines in readme file

88

increased by3.53%

No dependency changes