useMedia React sensor hook that tracks state of a CSS media query. Depending on your testing setup, you may need to mock window.matchMedia on components that utilize the useMedia hook. import useMedia from ‘use-media’;// Alternatively, you can import as:// import {useMedia} from ‘use-media’;const Demo = () => { // Accepts an object of features to test const isWide = useMedia({minWidth: …
Export streaming for large MongoDB collections
When we export large MongoDB collections, the problem is it consumes a lot of memory and execution time because it will load all query results in memory at once. For example, below code is exporting all users. In this case, we can use MongoDB cursor. Cursor returns one document as readable stream so you can …
REBASS
REACT PRIMITIVE UI COMPONENTSBUILT WITH STYLED SYSTEM Getting Started Install the core Rebass library. npm i rebass ThemeProvider By default, Rebass components are stylistically unopinionated and do not include a theme. You can add a theme to your application with a ThemeProvider component and by providing a theme in context. For this guide, use the Emotion ThemeProvider with the …
Gitea
Gitea is a community managed lightweight code hosting solution written in Go. It is an open-source forge software package for hosting software development version control using Git as well as other collaborative features like bug tracking, wikis and code review. It supports self-hosting but also provides a free public first-party instance hosted on DiDi’s cloud. Cross-platform …
Laybuy – The smart way to pay
aybuy is an innovative, fully integrated payment platform designed with simplicity at its core. We pride ourselves on transparency to everyone we assist. Laybuy’s mission is to revolutionise the way we spend across all sectors of the market and provide a solution that is tailored to you or your business’ needs. https://www.laybuy.com/
GraphQL Code Generator
GraphQL Code Generator is a tool that generates code out of your GraphQL schema. Whether you are developing a frontend or backend, you can utilize GraphQL Code Generator to generate output from your GraphQL Schema and GraphQL Documents (query/mutation/subscription/fragment). By analyzing the schema and documents and parsing it, GraphQL Code Generator can output code at …
NPM – react-native-redash
Utility library for React Native Gesture Handler and Reanimated. Installation yarn add react-native-redash ⚠️ v1 Users ⚠️ v1 documentation: https://wcandillon.github.io/react-native-redash-v1-docs/ To access functions that work with Reanimated v1 nodes, use the following import: import {usePanGestureHandler} from “react-native-redash/lib/module/v1”; To add TypeScript support for the v1 functions, add the following type to your tsconfig: “include”: [“node_modules/react-native-redash/lib/typescript/v1/index.d.ts”] Animations …
React Native React/RCT*.h not found (1)
React Native is always painful to use 3rd party libraries with native code.One of the issues we often face is React/RCT*.h file not found. Specific case we are going to inspect today is when using outdated 3rdparty package which is not providing autolinking. Projects for iOS that does not provides autolinking means the project does …








