Paul C. Ishaili

Posted on Mar 9, 2022

What are your Favourite Tools in React, and why?

#react #discuss #productivity #devops

Mine are:

React Router DOM (V6) - For Page routing and views switching.
React Hooks - UseState, UseContext, UseRef, forwardRef
React Spring - For transitions and animations in React
Styled Component - I enjoy the CSS-in-JS syntax, and styled-components aid to achieve this more.
UUID - For generating unique ids in iterating arrays or objects

What are yours?

Top comments (35)

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

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