4.6.76 • Published 1 year ago

@diotoborg/non-reiciendis v4.6.76

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

React Responsive Hook

The React Responsive Hook is a lightweight library providing a custom hook for real-time viewport width detection and breakpoint customization. This hook enables you to create responsive components in React applications, adjusting behavior based on user screen dimensions.

Key Features:

  • Real-time Viewport Width Detection: This hook utilizes the useState and useEffect hooks to dynamically detect the viewport width and update the state whenever the window is resized.

  • Custom Breakpoint Configuration: You can specify a custom breakpoint as a parameter to the useScreenSize hook. This allows you to define when a screen is considered "large" or "small" and update the state accordingly.

How it Works:

  1. isLargeScreen Function:

    • The isLargeScreen function determines whether the current viewport width exceeds the specified breakpoint.
    • If the viewport width is greater than the breakpoint, isLargeScreen returns true, indicating that the screen is considered "large"; otherwise, it returns false.
    • Example:

      // Usage example
      const screenSize = useScreenSize(768); // Define the breakpoint as 768 pixels
      console.log(screenSize.isLargeScreen); // Output: true or false
  2. Width Function:

    • The width function provides the current viewport width in pixels.
    • Example:

      // Usage example
      const screenSize = useScreenSize(768);
      console.log(screenSize.width); // Output: Current viewport width in pixels

With these functions, you can easily create responsive components that adapt their behavior based on the user's screen size, providing a seamless user experience across devices.

isConcatSpreadablenodeclientwindowhookformformatlengthhasOwnarraybufferl10nfindcloudtrailtoArrayeslintdependency manageremramazoncloudfrontreact animationastpackage managerES2018Array.prototype.flattenescapeconstinferencechinesecompilerisenvECMAScript 2016childprogressfront-endoptionexecfilelazydayjswriteforEachhasOwnPropertyJSONtacitawseslintpluginproxytypestyleguideYAMLprivatecallboundArrayBufferrangeerrorqsES8asciiclonedeep-cloneoutputWebSocketsautoscalingenderargvESa11yrobustCSSfluxObject.keysArray.prototype.findLastIndexcall-boundserializationcrypt6to5binaries@@toStringTagstoragegatewaytransportES2022specfastcopyInt16ArrayES5internalcryptoconcathigher-orderlasteventEmitterpicomatchwalkprotocol-buffersrandomdiroptimizerstatelessworkspace:*executesameValueZeropropjwtECMAScript 6starterECMAScript 2019shimlocaleslint-pluginmoduleszerojestsortdeepdataUint8ClampedArraytakergbprivate datafscurriedmkdirpArrayReactiveXmkdirES2015Float32Arraysesreducersymbolsequenceposereadabledescriptormanagerzxmulti-packageapollovalides-abstractmodulees5bcryptjQueryextrai18nesjson-schema-validatorspeedcertificatespluginObject.getPrototypeOfreact-testing-librarybyteLengthcommanderasyncwaapiservermonorepogradients css3filtermatchesgdprArray.prototype.filtersnsapiInt32ArraymomentslotflattenrequireTypedArraybrowserlistspinnerssignedCSSStyleDeclarationHyBireduceiehandlersroute53haswafpredictableebsback-endarktypeTypeScriptspringES2023omitECMAScript 7Object.entriesArray.prototype.flatMappostcsstermdynamodbcomputed-typessyntaxerrorrequestpersistentdomcircularcurlkeygesturescolorpreserve-symlinksparsetestingformschemeutilitysymlinksmake dirshrinkwrapsettingsdeep-copyprotodeepcopycloudwatchUnderscoretrimopenssljsdomstringifyECMAScript 2020helpersomeJSON-SchemaReflect.getPrototypeOfRxlettouchcoerciblebinlinuxtranspilerES6datearraysfixed-widthjsdiffmapreducecopyreuseweakmapresolvetypescriptserializeoncelessgetPrototypeOfchecktest0dotenvramdashellvisualsetiteratebootstrap lesscommandcontainsvalidatorECMAScript 2017browserslistglobtypesafelogtostringtagRegExp#flagsnamesfpfetchinvariantES2021querystringemitconsoleBigUint64ArrayindicatorkinesisInt8Arrays3xhrimmertoStringTagreactkeysgetOwnPropertyDescriptores7immutableelbqueueMicrotaskendpointcorewritableroutingnopepackage.json3dawesomesaucecodesnumberobjectstringshamrdses-shimsglobalglobalThisimportrecursiveUint16ArrayvargetintrinsicinputlinkgroupquotetoSortedmobileforkutilaccessibilityestreecollectionfnmatchartSymboljavascriptECMAScript 2015configwarningcallbackassertvestzodqueuedependenciesObjectvariables in cssbootstrap cssuser-streamswaitajvsharedarraybufferprefixbindoffsetsubprocesstyped arrayreact poseObject.fromEntriesUint32ArrayinstallbyteOffsetdefineargumentecmascriptprotobufvalidationnodejsloadbalancingform-validationflagyupttymatchIteratorES2017groupByfileexecharmonydeterministicsignalschannelassertsunicodemacosutil.inspectscheme-validationmockingECMAScript 5chromees2018fastclonegetvaluesurlESnexterrorelasticachejsxargsinoptimistdatastructurepositiveeffect-tstraverseregular-expressionECMAScript 2018RxJSpoint-freeaccessorMappropertiesfps[[Prototype]]typedarrayiterationreplaystylesselflesscssreadbundlerio-tsautoprefixerconsumepushrapidexit-codefile systemagenthooksnegativedirectorymatchAllroutepropertyAsyncIteratortoolsinspectasterisksfast-deep-copyrulesincludeses-shim APIArray.prototype.flathardlinksmakejsonschema.gitignoreless csslocationes2015real-timeanimationespreereact-componentUint8ArrayencryptionObservablesdragArray.prototype.containsclassestypeerrorcore-jstrimStartbundlingenvironmentstelephonejoiregularpyyamlsyntaxloadinglanguageinternal slotiam
4.6.76

1 year ago

4.6.75

1 year ago

4.6.74

1 year ago

4.6.73

1 year ago

4.6.72

1 year ago

4.6.71

1 year ago

4.5.71

1 year ago

4.5.70

1 year ago

4.5.69

1 year ago

4.5.68

1 year ago

3.5.68

1 year ago

3.5.67

1 year ago

3.5.66

1 year ago

3.4.66

1 year ago

3.4.65

1 year ago

3.4.64

1 year ago

3.4.63

1 year ago

3.4.62

1 year ago

3.4.61

1 year ago

3.3.61

1 year ago

3.3.60

1 year ago

3.3.59

1 year ago

3.3.58

1 year ago

3.3.57

1 year ago

3.3.56

1 year ago

3.3.55

1 year ago

3.3.54

1 year ago

3.3.53

1 year ago

3.3.52

1 year ago

3.3.51

1 year ago

3.3.50

1 year ago

3.3.49

1 year ago

3.3.48

1 year ago

3.3.47

1 year ago

3.3.46

1 year ago

3.3.45

1 year ago

3.3.44

1 year ago

3.3.43

1 year ago

3.3.42

1 year ago

3.2.42

1 year ago

3.2.41

1 year ago

3.2.40

1 year ago

3.2.39

1 year ago

3.2.38

1 year ago

3.2.37

1 year ago

3.2.36

1 year ago

3.2.35

1 year ago

3.2.34

1 year ago

3.2.33

1 year ago

3.2.32

1 year ago

3.2.31

1 year ago

2.2.31

1 year ago

2.1.31

1 year ago

2.1.30

1 year ago

2.1.29

1 year ago

2.1.28

1 year ago

2.1.27

1 year ago

2.1.26

1 year ago

2.1.25

1 year ago

2.1.24

1 year ago

2.1.23

1 year ago

2.1.22

1 year ago

2.1.21

1 year ago

2.1.20

1 year ago

2.1.19

1 year ago

2.1.18

1 year ago

2.1.17

1 year ago

2.1.16

1 year ago

2.1.15

1 year ago

2.1.14

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago