Hello Guys 오늘 저는 React Js에서 사용할 수 있는 몇 가지 멋진 패키지를 보여줄 것입니다. 간단하게 설명하고 직접 확인할 수 있도록 문서 링크를 제공합니다.

시작하자...

1. 반응 라우터 돔 -

이 패키지는 React에서 쉽고 유연한 라우팅을 제공하는 데 도움이 됩니다.
설치 -

npm i react-router-dom

문서 -
https://github.com/remix-run/react-router/blob/main/docs/getting-started/tutorial.md

2. 반응 공개 -

애니메이션에 쓰이고 사용하기 편하고 애니메이션도 좋고 멋집니다.

설치 -

npm i react-reveal

문서 -
https://www.react-reveal.com/docs/

3. 반응 아이콘 -

웹 사이트를 만드는 데 필요한 거의 모든 아이콘을 제공하며 아이콘은 훌륭하고 다양한 음영과 유형으로 제공됩니다.

설치 -

npm i react-icons

문서 -
https://react-icons.github.io/react-icons/

4. 리액트 리덕스 -

이는 redux와 함께 사용되며 React 구성 요소가 redux 스토어에서 데이터를 읽고 상태를 업데이트하기 위해 스토어에 조치를 발송하도록 합니다.

설치 -

npm install react-redux

문서 -
https://react-redux.js.org/introduction/getting-started

5. Yup과 함께하는 Formik -

React Js에서 양식을 처리하는 동안 유효성 검사 및 오류 처리를 제공하는 데 사용됩니다. 사용하기 매우 쉽고 "yup"을 사용하여 양식에 대한 유효성 검사 스키마를 생성할 수도 있습니다.

설치 -

npm install formik yup

문서 -
Formik - https://formik.org/docs/overview
예 - https://github.com/jquense/yup
yup이 결합된 Formik - https://blog.shahednasser.com/how-to-create-and-validate-forms-in-react-using-formik-and-yup/

6. 축

약속과 함께 작동하는 HTTP 클라이언트입니다. 모든 것을 수동으로 수행해야 하는 가져오기 방법 대신 사용할 수 있습니다.
axios 에서 우리가 해야 할 일은 API url , API에서 반환되는 응답을 처리하는 then() 메서드 및 오류를 처리하는 catch() 메서드를 제공하는 것뿐입니다.

설치 -

npm install axios

문서 -
https://axios-http.com/docs/intro

7. 반응 토스트화 -

타이머가 다운되면 자동으로 닫히는 토스트 알림을 만드는 데 사용되며 다양한 색상과 디자인을 사용할 수 있으며 다른 React 구성 요소와 쉽게 통합할 수 있습니다.

설치 -

npm i react-toastify

문서 -
https://fkhadra.github.io/react-toastify/introduction/

이 게시물을 확인해 주셔서 감사합니다.
저에게 연락하실 수 있습니다 -
인스 타 그램 -
링크드인 -
이메일 - [email protected]

^^ 아래 링크에서 기부로 저를 도울 수 있습니다 감사합니다👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

이 게시물도 확인하십시오.