This is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.
react mobx react-hooks observables mobservable react-component reactjs reactive hooks observer useobserver usecomputerNote: React 16.8+ is required for Hooks. Detect and retrieve current device Motion.
react react-suspense react-hooks hooks suspense react-dom react-cacheThe Provider allows us to set a default url, options (such as headers) and so on. This is exactly what you would pass to the normal js fetch, with a little extra.
react fetch suspense graphql fetching ssr react-hooks react-hook reacthook react-suspense rest-client isomorphic http usefetch request fetch-data react-cache react-usefetch query mutation use hook axios react-use-fetch react-fetch-hook use-fetch usefetch-hook react-hooks-fetch react-hooks-tutorial react-custom-hooks react-hooks-async use-hooks react-usefetch-hook fetch-suspense async-hook-react react-hooks-usefetch use-fetch-hook useaxios use-axios use-superagent superagent apollo usegraphql use-graphqlA React Hook, HOC, and Render Props solution for managing state in URL query parameters with easy serialization. Works with React Router and Reach Router out of the box. TypeScript supported.
react url hooks query reactjs querystring queryparams query-parameters react-hooksIt can be used to add patterns for adaptive resource loading, data-fetching, code-splitting and capability toggling. Make it easier to target low-end devices while progressively adding high-end-only features on top. Using these hooks and utilities can help you give users a great experience best suited to their device and network constraints.
react performance cpu memory network loading react-hooks adaptive-loading hooksUse the hook and set your swipe(d) handlers. Spread handlers onto the element you wish to track swipes on.
react hook mobile touch swipe swipeable react-hooks react-swipe react-touch react-hookReact Hooks Library. Open your browser and visit http://127.0.0.1:8001 , see more at Development.
react react-hooks umi-hooks ahooks hooks-libraryA set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.
react firebase react-firebase-hooks firebase-auth firebase-authentication firebase-database firebase-realtime-database firebase-firestore firebase-cloud-firestore firebase-storage firebase-cloud-storage react-hooks react-native typescript hooksuseReactRouter() returns an object that contains the history, location, and match properties that would be passed as props by the HOC. A tutorial covering the design and development of this package can be found on Medium: How to Convert withRouter to a React Hook.
npm npmjs react reactjs react-router react-hooks typescript travis travisci travis-ciThis is a collection of frequently used react hooks to support development within baidu, contributions from community are also welcomed. This is a typical pnpm workspace based monorepo, each hook creates a package in packages folder, the folder name is dash-cased and without the use prefix.
react-hooksNeed to make dropdowns, lightboxes/modals/dialogs, global message notifications, or tooltips in React? React Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component (react docs). This hook is also isomorphic, meaning it works with SSR (server side rendering).
react-hooks react react-portal portal loading-bar modal lightbox notification dialog dropdown tooltip hook use react-hook react-component react-useportal react-use-portal transportation react-portal-hook🎣 Minimal hooks-first GraphQL client.
hooks react-hooks react graphql graphql-clientInternationalization is the process of adapting an application to work with different languages and regions. That can bring some benefits. Your target group can be broader than the one with the default language of the app. So by internationalizing an app, you may reach a bigger audience. Internationalization it's not only about translation text. Users expect localized Dates, Number separators, Currencies.
react i18n translation internationalization localization preact reactjs icu react-components react-intl intl tiny messageformat i18next globalization hacktoberfest reactjs-components react-hooksThis is an experimental hook that lets you have multiple components using multiple synced states using no context provider. This package requires the Hooks API available only in React 16.7.0-alpha.0 or later.
react react-hooks hooks state-management reduxThe next generation state management library for React
react model state-management react-hooksCollection of React hooks ⚓ for everyone.
react react-hooks hooks compose rooks componentsThis is companion repository for the book Mastering React Test-Driven Development by Daniel Irvine, published by Packt. The book itself has checkpoints that are based on various tags. If you're following along then you'll need to be comfortable switching tags.
react tdd react-hooks hooks test-driven-development refactoring jest redux react-router relay graphql requestanimationframeThis package is useful for determining screen size type on web applications with respect to bootstrap 4 grid system.
react-hooksA react-native started kit using RN 0.60.5, androidX support, react-hooks, easy-peasy, code-push, Themes support and much more
react androidx react-native react-native-boilerplate react-native-starter easy-peasy react-context react-hooks react-native-hooks code-push react-native-code-push
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.