DEV Community 👩‍💻👨‍💻

Shadab Ali
Shadab Ali

Posted on

Most commonly used library with react

🔥Typescript
🔥Scss(Prefer), TailwindCss
🔥Animation - Framer motion/ gsap(Prefer),
🔥React-spring, Anime.js (not to be used for simple animations)
🔥Redux (Not to be used with Next JS)
🔥useContext
🔥Redux Toolkit(Prefer), Redux Saga,
React-query
🔥Formik for Forms, React Hook Form(Prefer)
🔥MaterialUI(Prefer), AntD (use only one library )
🔥Axios
🔥For date formatting - date-fns(prefer), moment
🔥For Carousel - React-slick, react-responsive-carousel
🔥For toast - React-hot-toast(Prefer), React-toastify if not using mui or antd
🔥Share things Socially - React-share
🔥For icons - react-icons, @mui/icons-material
🔥For Videos - react-player
🔥For intersection - react-intersection-observer
🔥For pagination - react-paginate (if not using mui or antd)
🔥Onclick scroll particular section - react-scroll
🔥For conditional classes - clsx(prefer), classnames
🔥React-select for select component if not using mui or antd
🔥For GraphQL - apollo
Webpack Bundle Analyzer - @next/bundle-analyzer
🔥For google spreadsheet integration - google-spreadsheet
🔥For file upload and drag and drop - react-dropzone
🔥Form validation - yup

react #frontend #redux #softwareengineer

Top comments (1)

Collapse
 
sindouk profile image
Sindou Koné

Add to the discussion

Thank you.

Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.