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: …
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 …
Atlas Kit
AtlasKit is the technical implementation of the Atlassian Design Guideline. It is a collection of reusable components that can be downloaded independently into your projects. Each component is also independently versioned and published to npm. https://bitbucket.org/atlassian/atlaskit/src/master/ https://atlassian.design/
Using Vue-multiselect
Features Single / multiple select Dropdowns Searchable Tagging Server-side rendering support Vuex support by default Ajax support Fully configurable How to use Documentation https://vue-multiselect.js.org/
Metadata for SPAs
Have you ever consider Metadata in SPAs? Without metadata, we weaken our ability to demonstrate relevance to search engines. That, in turn, lowers our rankings and reduces the number of consumers to our sites(ecommerce, social). Metadata is a series of micro-communications between site and search engines. Nearly all metadata is invisible to visitors. It lives …
WebRTC Implementation with React and React Native by using OpenTok
Add opentok-react as a dependency of your application: yarn add opentok-react Or if you’re still using npm: npm install –save opentok-react Then include opentok.js before your application: <script src=”https://static.opentok.com/v2/js/opentok.min.js”></script> Alternatively, wrap your top-level component using OpenTok with the preloadScript HOC. The HOC will take care of loading opentok.js for you before rendering. https://github.com/opentok/opentok-reacthttps://github.com/opentok/opentok-react-native-samples
VideoJS for HLS video player
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube, Vimeo, and even Flash (through plugins, more on that later). It plays “traditional” file formats such as MP4 and WebM, but also supports adaptive streaming formats such as …