React hooks and functions that might come in handy when developing web.
- useDetectMobile.tsx - Detect the mobile browser using userAgent
- useDeviceDetect.tsx - Detect media devices based on the provided view port sizes
- useMoveFocusByKeyboard.tsx - Enable moving focus with arrow buttons
- useScrollbarLock.tsx - Hide scrollbar from the viewport without degrading UX on modal or popover activation.
- useScrollbarWidth.tsx - Calculates scrollbar width
- retry.ts - Retry without crashing (retrying callback is fully typed)
- callbackWithTyping.ts - Type curried function's args and return type.
- media.ts - Generates React styled-components' css text with interpolation using backtick (``)
- generateEncryptedEnv.ts - Encrypt/Decrypt/Parse .env files into/from plain text.
- withMedia.cy.ts - Cypress run a test against different media devices