Xin chào tất cả mọi người trong bài đăng này, tôi sẽ tạo ra 10 thư viện hàng đầu mà bạn nên biết để phản ứng bản địa, điều đó rất hữu ích và tôi đã sử dụng chúng trong một số ứng dụng trên thị trường việc làm.

10 thư viện hàng đầu này dựa trên sự lựa chọn của tôi và chắc chắn có những thư viện khác mà tôi nên đặt ở đây. Có lẽ một ngày nào đó tôi sẽ lọt vào top 25 hoặc thậm chí nhiều hơn. Vì vậy, hãy làm theo để bạn không bỏ lỡ!

Tôi sẽ cố gắng không mang theo các thư viện luôn được đề cập trong 10 bài đăng hàng đầu, như phản ứng với bản đồ gốc trong thực tế mọi bài đăng.

Danh sách cũng sẽ không được sắp xếp theo thứ tự ưu tiên hoặc từ tốt nhất đến tồi tệ nhất.

Nó được tổ chức theo những gì tôi nghĩ đến.

1. Victory Native

Thư viện này là một giải pháp hoàn chỉnh cho bất kỳ ai muốn sử dụng đồ thị trong react native. Yêu cầu duy nhất là phải cài đặt thư viện react-native-svg.

Vì thư viện này hoạt động với các tiêu chuẩn svg, nó cực kỳ hiệu quả, đảm bảo bạn không mất bất kỳ chất lượng và hiệu suất nào trong ứng dụng, điều này là nỗi sợ hãi đối với nhiều người.

Hơn nữa, thư viện này có tài liệu mở rộng, tạo điều kiện cho việc học tập và ứng dụng của nó. Nó cũng có tích hợp cho React.js, tức là đường cong học tập của nó để áp dụng các khái niệm của cùng một thư viện vào web là null.

Phòng trưng bày bản địa Victory
https://formidable.com/open-source/victory/gallery

Tài liệu
https://formidable.com/open-source/victory/docs/native/

2. Modalize

Thư viện để áp dụng các phương thức trong React Native siêu hiệu suất và rất trực quan và dễ áp dụng. Bạn muốn áp dụng các phương thức chắc chắn nên cân nhắc sử dụng thư viện này có tài liệu và ví dụ tốt trong github của nó để dễ dàng triển khai.

Modalize Github
https://github.com/jeremybarbet/react-native-modalize

Tài liệu
https://jeremybarbet.github.io/react-native-modalize

3. React Hook Form

Bạn chắc chắn đã hoặc sẽ phải đối phó với các biểu mẫu lớn, yêu cầu tên, tuổi, email, mật khẩu, xác nhận mật khẩu, quốc gia, tiểu bang, khu phố, v.v. Vì mặc định bây giờ là sử dụng móc, bạn sẽ có hàng tá dòng với useState, điều này làm cho mã rất lộn xộn và cũng làm giảm hiệu suất trên các thiết bị yếu hơn bằng cách gây ra nhiều kết xuất.

Đó là lý do tại sao biểu mẫu móc phản ứng xuất hiện, nó sẽ giải quyết điều đó cho bạn và với mỗi ký tự được nhập, nó sẽ không hiển thị lại ứng dụng.

Nó cũng có một chiến lược xác thực cực kỳ hữu ích, hiệu quả và tích hợp gốc với Yup.

Bất cứ khi nào bạn phải xử lý các biểu mẫu trong react native, bây giờ hãy nghĩ đến việc sử dụng thư viện này. Khi bạn đã làm quen với nó, có thể bạn sẽ không muốn sử dụng một cách khác để xử lý các xác thực và biểu mẫu.

React Hook Form Github
https://github.com/react-hook-form/react-hook-form

Tài liệu
https://react-hook-form.com/get-started#ReactNative

4. React Native Responsive Fontsize

Trong react native, chúng tôi xử lý các phông chữ có giá trị tuyệt đối, chiều rộng, chiều cao và tỷ lệ phần trăm, đôi khi có thể là vấn đề không tương thích màn hình.

Với thư viện này, tốt hơn hết là sử dụng các giá trị này. Bởi vì nó sử dụng làm cơ sở cho DPI của màn hình khi áp dụng kích thước phông chữ. Ví dụ như áp dụng đệm.

padding: RFValue(20)

Nếu bạn sử dụng các thành phần theo kiểu, nó sẽ trông như thế này

padding: ${RFValue(20)}px;

Sau khi biết thư viện này, tôi bắt đầu sử dụng nó trong tất cả các dự án của mình và nếu nó hữu ích cho bạn cũng sử dụng nó

Tài liệu
https://github.com/heyman333/react-native-responsive-fontSize

5. React Native SVG Transformer

Mọi người đều biết rằng các tệp .svg nhẹ hơn png. Nhưng bạn khó có thể sử dụng svg bên trong jsx hoặc tsx làm thành phần, phải không? Với thư viện này bạn giải quyết được điều đó.

Với nó, bạn sẽ có thể sử dụng svg của mình bên trong jsx / ttx như một thành phần chỉ truyền các thuộc tính chiều cao và chiều rộng và nó sẽ lo phần còn lại. Chỉ cần nhập hình ảnh svg của bạn làm thành phần. Hãy nhớ rằng trong trường hợp này bạn phải vượt qua phần mở rộng.

Tài liệu
https://github.com/kristerkari/react-native-svg-transformer

6. Lottie React Native

Nếu bạn vẫn không biết lottie bạn nên biết. Với nó được áp dụng tốt, ứng dụng của bạn sẽ cực kỳ chuyên nghiệp.

Hoạt hình rất mượt mà và một thư viện miễn phí lớn để bạn tìm thấy hình ảnh động lý tưởng cho ứng dụng của mình. Nó cũng có một tích hợp hội chợ có thể rất hữu ích.

Hãy chắc chắn khám phá danh mục hoạt hình của họ và tham khảo tài liệu của họ.
Khi bạn bắt đầu sử dụng nó, cô ấy sẽ khó muốn không đưa một số hình ảnh động vào ứng dụng của mình!

Tệp Thư Viện Lottie
https://lottiefiles.com/featured

Tài liệu
https://github.com/lottie-react-native/lottie-react-native

7. React Native Onesignal

Thư viện này cho phép bạn tạo thông báo đẩy một cách rất tốt. Ngoài việc có giới hạn gửi hàng cực cao miễn phí và giá rất tốt nếu bạn vượt quá giới hạn miễn phí. Nó cũng rất đơn giản để cài đặt và bạn sẽ khó tìm thấy bất kỳ sự không tương thích hoặc không nhất quán nào đối với nó.

React Native Onesignal
https://github.com/OneSignal/react-native-onesignal

Tài liệu
https://documentation.onesignal.com/docs/react-native-sdk-setup

8. RevenueCat

Thư viện rất tốt để thanh toán định kỳ, mua ứng dụng, với thư viện tốt và tùy chọn sử dụng miễn phí, phiên bản trả phí cũng rất tốt nếu bạn muốn có thêm một chút số liệu và số liệu thống kê cho ứng dụng của mình hoặc nhiều người dùng hơn để quản lý. Nó cũng có sự tích hợp tốt để bạn sử dụng cho cả iOS và Android.

Tài liệu
https://docs.revenuecat.com/docs/reactnative

9. React Native Shadow 2

Bạn chắc chắn đã muốn sử dụng bóng tối trong react native và thấy rằng nó không đơn giản như vậy. Thư viện này giúp bạn trong nhu cầu đó. Rất đơn giản để sử dụng và với kết quả rất tốt và không đau đầu.

Tài liệu
https://github.com/SrBrahma/react-native-shadow-2

10. React Native Element Dropdown

Ứng dụng này không cần thuyết trình, trong react native vì không có một danh sách thả xuống tốt, thư viện này cuối cùng là một yêu cầu tốt. Tôi đã sử dụng nó một vài lần và nó rất hữu ích, nó có một số cách thực hiện và học hỏi dễ dàng.

Tài liệu
https://github.com/hoaphantn7604/react-native-element-dropdown

Đó là nó

Cùng với đó, tôi kết thúc danh sách 10 thư viện hàng đầu mà bạn nên biết. Tôi hy vọng bạn thích!

Bất kỳ nghi ngờ, đề xuất, mẹo hoặc chỉ trích nào, hãy để lại chúng trong phần bình luận. Điều này khuyến khích tôi tiếp tục và cải thiện các bài đăng của mình ở đây trên medium!

Hẹn gặp lại sau!