Top 23 TypeScript react-hook Projects
Build forms in React, without the tears 😭Project mention: Creating forms with Formik in React | dev.to | 2021-07-02
Summing up, all we talked about was, the overview of formik, how it works, how it helps us in dealing with the messy operations involved in while dealing with a form, and how it lets us to focus on what's important, handling all the tedious work itself. Similar to formik there are other libraries as well, would really like to try out the alternate options available, but for now this was all I knew. Hope this article helped you in understanding the basics of formik. This piece of information only explains a very little part of what features and options we can avail but there is a lot more in it. You can read the Formik documentation for more understanding.
📋 React Hooks for forms validation (Web + React Native)Project mention: Form + Rich Text Editor recommendations? | reddit.com/r/nextjs | 2021-07-18
I'm making (have made, actually, it's mostly done) a trivia app for use with friends. The problem I've having now is with my "create a quiz" page. It used to work fine with https://react-hook-form.com/ for the form, and TinyMCE for my rich text editor (using https://github.com/tinymce/tinymce-react). However, after updating to the latest version of Next and `react-hook-form`, it looks like it's refusing to validate the hidden inputs that get updated when I change the TinyMCE fields. Trying to troubleshoot it, but was wondering if anyone had something they recommend in place of either `react-hook-form` or TinyMCE? Thanks!
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
🐏 Simple and complete React hooks testing utilities that encourage good testing practices.Project mention: Testing with React-Testing-Library | reddit.com/r/reactjs | 2021-07-01
Break the hooks out into their own file, with just the things you need returned from it (data1, data2, data3, loaded?) being returned then use https://github.com/testing-library/react-hooks-testing-library to test the hook in isolation (using jest.mock on axios)
React Context + State
Constate hook provides lifting local state to React Context Level. So you can access/update state variables anywhere in the application with few lines of code. This is useful when you use the same state in multiple components. For example, you have Themes, Colors, Fonts used in multiple components, Users are allowed to change at one place and it should be reflected in the whole application. Package written in TypeScript and very compact.
Hooks, Context Providers, and Components that make it easy to interact with Firebase.Project mention: Firestore or MongoDB Atlas? | reddit.com/r/webdev | 2021-07-16
I'd say go for firebase, if you want ease of development i'd say firebase, also check out ReactFire as it allows you to integrate firebase in an easy way with react, and it also gives you a bunch of react hooks. And of course for making native apps, firebase has apks/libraries for that.
React's Hooks API implemented for web components 👻Project mention: Why LitElement isn't as good as React | dev.to | 2021-03-10
** WCs don't have to be classes. See matthewp/haunted which uses hooks like React. But that library is not a mixin or wrapper around lit-element; it would replace lit-element. It does use lit-html though.
🐶 React hook for making isomorphic http requests
use-http is a popular package that is used as a replacement for Fetch API. It's a well maintained library and easy to integrate in a few lines of code. Hooks written in TypeScript and support Server Side Rendering (SSR) and GraphQL. It returns a response, loading, error data and work with different request methods, Get, Post, Put, Patch and Delete.
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
React Hooks for Firebase.Project mention: Using firebase for Authentication and RTK | reddit.com/r/reduxjs | 2021-04-07
If you want, you can use useFirebaseAuth which takes care of onAuthStateChanged for you in a clean and simple way. That library also has useful hooks for working with Firestore and RTB.
React hooks for RxJSProject mention: Using RxJs on top of another state management solution(React-Query). | reddit.com/r/reactjs | 2021-06-19
A debounce hook for react
useDebounce hooks - it’s name represents - used for debouncing. It is used to postpone execution to a later time like setTimeout in React Native.
React Hook for managing state in URL query parameters with easy serialization.Project mention: 10 useful react packages for Frontend | reddit.com/r/reactjs | 2021-07-12
I like https://github.com/pbeshai/use-query-params
The best, and perhaps only approach I have found so far is react-tracked. It does some internal tracking with proxies that I don't quite understand, but it actually works as advertised with a very minimal API.
🧰 A simple, maximally extensible, dependency minimized framework for building modern Ethereum dAppsProject mention: Fetching Blockchain Data without a wallet connected | reddit.com/r/ethdev | 2021-04-07
Hi! I'm using web3-react with ethers.js to connect users to my application. I have a smart contract function that calculates the current price of an ERC721 token based on the ID of the next token, and I want to fetch and display the result of that function always - even if a user does not have a wallet installed in their browser.
React useContextSelector hook in userlandProject mention: Stop Background Views From Rendering on Context update? | reddit.com/r/reactnative | 2021-06-29
You should try this: https://github.com/dai-shi/use-context-selector
🌀 React hook for Portals
usePortal hooks allow creation of elements outside the DOM hierarchy of the Application. usePortal widely used having dropdowns, notification popups, modals, tooltips. usePortal works with Server Side Rendering (SSR) as it is isomorphic. usePortal written in TypeScript. It allows customization of portal styling and many more options.
Bowser is now re-integrated into Ignite CLI! Head to https://github.com/infinitered/ignite to check it out.Project mention: Best boilerplate | reddit.com/r/reactnative | 2021-04-05
Built my latest app using https://github.com/infinitered/ignite-bowser
Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.
A React component to view a PDF document
A React hook and an easy to use babel-pugin to debug various React official hooksProject mention: As the creator of "why-did-you-render" I would like to ask you if and how do you use it? | reddit.com/r/reactjs | 2021-03-12
Nowadays, I tend to opt for the useWhatChanged hook. Ergonomically it's a little easier, and its plug-and-play use makes it very attractive.
🌓 A React Hook for adding a dark / night mode to your site.
🤹 Production-ready starter for your next React Native App! Powered by cli-rn, React Native Navigation, RN UI lib, Mobx, Reanimated 2, Notifications, Permissions, Dark Mode, Localization, and much more.Project mention: cli-rn — making RN app developing experience as smooth as possible | dev.to | 2021-01-12
When I came back to it in 2018, I found two great solutions: react-navigation and react-native-navigation. As I come from native app development, I was more interested in react-native-navigation and started contributing to the React Native community as much as I could. So I have started maintaining the starter which is based on react-native-navigation. With time, useful libraries and features were added to the starter based on the needs of the production-ready app.
🧙 A React wizard (stepper) builder without the hassle, powered by hooks.Project mention: Build React wizards (stepper) without the hassle, powered by hooks. | reddit.com/r/reactjs | 2021-01-03
🛼🛼🛼 The powerful color hook that all designers deserve. ✨ Parse and stringify that just works & 🦾 Strict type checking at compile timeProject mention: useColor: The powerful color hook that all designers deserve - ✨ Parse and stringify that just works & 🦾 Strict type checking at compile time | reddit.com/r/reactjs | 2021-07-04
Nice work, I like it! Made a PR to fix a small capitalization issue in the README https://github.com/junhoyeo/use-color/pull/1
What are some of the best open-source react-hook projects in TypeScript? This list will help you:
|18||React PDF viewer||558|