DEV Community

What are your Favourite Tools in React, and why?

Paul C. Ishaili on March 09, 2022

Mine are: React Router DOM (V6) - For Page routing and views switching. React Hooks - UseState, UseContext, UseRef, forwardRef React Spring -...

Read full post

Jesswin W Varghese • Mar 9 '22 • Edited

Framer motion, easy React component animations
Zustand, state management has never been this easy
React query, easy server state management
Emotionjs, styled components but better ans framework agnostic
Storybook, really helpful to present your components

Paul C. Ishaili • Mar 9 '22

Great list, @lemokami. Do share your thoughts on them

👉 lists.forEach(item) => shareYourOpinion, 🙂

Jesswin W Varghese • Mar 10 '22

console.log("done")

Paul C. Ishaili • Mar 10 '22

--eslint -- '1 bug found!' -- line 4:42

😊

hacker4world • Mar 9 '22

React-query for managing data coming from a server

Paul C. Ishaili • Mar 9 '22

Very insightful @hacker4world . How well is your proficiency on this?

Anish De • Mar 12 '22

Radix UI, Headless UI, Next.js, Tailwind CSS (not React specific but it is awesome), some more small libraries here and there

Paul C. Ishaili • Mar 9 '22

Sight you, @danwalsh 👋

Dan Walsh • Mar 9 '22 • Edited

Cheers, @mrpaulishaili! 👋

This is a great list, keen to check out React Spring and UUID when time permits!

My fav tools would have to be:

React specific:

Hooks—don't know how I dev'd without them before!
Context—because passing props down through the tree is painful

Non-React specific:

TailwindCSS—loving abstracting my UI components into reusable React components with atomic classes.
TypeScript—helping me write more robust, logical and error-free code
eslint—because I can't find all the errors on my own 😅

Paul C. Ishaili • Mar 9 '22

Wow! Well elaborative, professionally specific 🙂!

Saif Aljanahi • Mar 12 '22

Formik, Without any doubts!

Paul C. Ishaili • Mar 12 '22

Formik! Tell us more about Formik!

Shiva Aryal • Mar 14 '22

For me, React Hook Form is also an best alternative for form handling.
For more - react-hook-form.com/

Saif Aljanahi • Apr 13 '22

Nice

Saif Aljanahi • Mar 12 '22

Its Form Mangament Library, it will take care of all your inputfields and forms with ease, do validation out of the box!

Paul C. Ishaili • Mar 12 '22

Wow! I should definitely check that out! Thank you @1saifj

Paul C. Ishaili • Mar 9 '22

Wow! What a great list, @harshhhdev.

flyingCrp • Mar 12 '22

Ok... does anyone use only state and hooks without using any third-party libraries for state management in a commercial project?

Paul C. Ishaili • Mar 12 '22

Yes, possible @flyingcrp , third-party libraries however speed things up easier for developers

flyingCrp • Mar 29 '22

ok,In our application, all functions are independent, except for the global login status, and after hooks, I can't think of any reason to use a third-party library to manage the state , maybe the application type is different?
No need for deep props passing,No need for share lots of state ,in fact , sometime we can use context to resolve some special case

m0nm • Mar 11 '22

framer motion: animations made easy
zustand: state management made easy
react icons Plus typescript: well because it's typescript

Alexandr Rešetňak • Mar 9 '22

React query for fetching the data ❤️ -> react-query.tanstack.com

Paul C. Ishaili • Mar 9 '22

Wow! Came across this just today and I was like 'what would this be for?'

Thank you @resetnak

WhatsYourFavouriteReactTools

Andrew Baisden • Mar 13 '22

Too many to list but shout out to Storybook. A front-end design system for developers.

Vince Daniel De Leon • Mar 11 '22

UI - Material UI
State - Redux

Paul C. Ishaili • Mar 9 '22

I sight you, @adhirajbhatia ! 🙂

Paul C. Ishaili • Mar 10 '22

WhatsYourFavouriteReactTools

Paul C. Ishaili • Mar 11 '22

@tm_vnthanh_bf930e4e704 What's your thought on this?

Paul C. Ishaili • Mar 11 '22

WhatsYourFavouriteReactTools

Paul C. Ishaili • Mar 13 '22

You are sighted @jesuscarlos 👋

Paul C. Ishaili • Mar 16 '22

You are sighted @silencezeng

What'sYourFavouriteToolsInReact?

Paul C. Ishaili • Mar 16 '22

I see you @pfcodes!

web-devel • Mar 27 '22

Check out React Buddy plugin for WebStorm: plugins.jetbrains.com/plugin/17467...

I develop it, so in case of any issues contact me directly :).

Adejori Eniola • Jun 14 '22

React-hook-forms-form handling
Yup- validation
Styled-components: if I need to mutate the CSS a lot based on the props
Tailwindcss: simple and fast CSS
React-router-dom: navigation
React-redux and redux-toolkik,
Framer motion for animation,
Uuid,
Moment,