react-hook-form📋 React Hooks for forms validation (Web + React Native)
The best form libraries I have used till now. It is very easy to use, performant and has nice documentation. It supports the integration to other UI libraries as well. I have used it with PatternFly React components with their inbuilt Controller components. This fits very well and works like a breeze. I really like the way it can be extended, I used Yep schema builder with this to validate the input data. It also has easy and efficient error handling.
patternfly-reactA set of React components for the PatternFly project.
I have used PatternFly React in multiple projects. It is having a very nice set of ready-to-consume components for React applications. Its highly consistent and provide various options to customize these components. It has well-defined standards and helps developers and designers work together to create better user experiences efficiently. Documentation can be improved as sometimes it becomes difficult to find what you are looking for. What I like most about it is that it’s very fast to start working with.
prettierPrettier is an opinionated code formatter.
I have used prettier with husky and lint-staged. It’s a very good tool when it comes to having a helping hand in offloading formatting tasks which at a first glance looks very trivial but becomes very important when you need to maintain consistency in the code formatting guidelines. The good part about using this is it very well supports most of the tech stack I used in my projects. Definitely, a must-have set of tools for developers to increase efficiency.
WebPack is the most mature and widely used JS bundler. I have used it with both the default configuration that comes with Create React App and custom configurations. I found it highly stable, highly configurable, and easy to use. With the help of plugins and loaders, we can scale it to our requirements. Compared to other JS builders, It lacks in performance with the newer bundler like esbuild but in terms of bundle size, we can achieve similar results.
@patternfly/react-iconsA set of React components for the PatternFly project.
I have used PatternFly React Icons in my projects along with the other components provided by PatternFly. I have mostly used them as React components. It's easy to use and gels well with the other PatternFly components but I struggled to customize them I remember recently I had a tough time finding out the ways to colour the icons in the documentations.
use-global-hookEasy state management for react using hooks in less than 1kb.
I have used this library in my projects. I found this really simple and useful. The good part about this library is that it makes it easy to update the state with the exposed setter function and stores all the states in one place. I found it really easy to start with as compared to redux.
I have been using GraphQL for the last two years in my projects, before that, I was working with REST API. I was amazed to see the results when I first worked with GraphQL, I can say this is a great shift towards bandwidth optimization. You request what exactly you want from backend API and also you don’t need to think of choosing the type of HTTP method for the requests. POST works for all(you can also use GET though). I use almost most of the features provided by GraphQL in my day-to-day tasks. My favorite in GraphQL is the concept of nested queries. Also, we can fire multiple queries in one go. The only thing I struggle with in GraphQL till now is when we fire HTTP calls from nested queries then it becomes a bit slow as it fires calls multiple times. I would definitely recommend using GraphQL.