react-native-paper VS react-native-gifted-chat

In most cases they are wrappers around pure RN components (as I have been burnt by styling lib in the past - exactly NativeBase and its performance issues) and in the end, created components look like very light-weight version of RN paper components*:* https://github.com/callstack/react-native-paper/blob/main/src/components/Typography/Text.tsx.

react paper modal - Modal

Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements

I'd say a good start would be to check the demos for NativeBase and Paper to compare the look/feel and see if they have all the components you need.

React Native Paper

CSS-based UI libs don't make sense on mobile; your new options include NativeBase, React Native Elements and others). Some web-based UI libs do have RN siblings though - such as React Native Material and React Native Paper (for Material-UI), and tailwind-rn (for Tailwind). This just means new decisions to make, some learning, and new paradigms for how to use the new libs.

I'll suggest going with native base and react native paper . As these are only 2 libraries up there which are efficient and give some good results.

Every time when I start to learn something new I usually have a look at popular open source project. So I can understand some good patterns etc. E.g. https://github.com/callstack/react-native-paper

This is a well known chat for react native probably it does have anything you need https://github.com/FaridSafi/react-native-gifted-chat

did you use https://github.com/FaridSafi/react-native-gifted-chat

Oh fyi if you’re using gifted chat, don’t forget to implement/patch : https://github.com/FaridSafi/react-native-gifted-chat/issues/2370 It boost the performance

UI Components - React Native Gifted Chat

react-native-gifted-chat is the complete chat UI solution for your application. It offers fully customizable components, multiline text input, avatars, copying messages to the clipboard, attachment options, etc.

I used https://github.com/FaridSafi/react-native-gifted-chat. Not perfect but way faster than me doing it from scratch. Had a hell of a time getting it to play nice on a bottom sheet though, and still feel like I had to hack in getting the keyboard to show up right.

Web-site: https://github.com/FaridSafi/react-native-gifted-chat GitHub stars: 9.4k Price: Free License: MIT License Demo: – Type of support: Community support via GitHub issues Documentation: Full documentation

As the demand for real-time communication grows, developers are looking for easy ways to add reliable communication channels to mobile apps. In this tutorial, we’ll learn how to build mobile chat apps for both iOS and Android in React Native using react-native-gifted-chat, a chat UI designed to empower app developers to build cross-platform chat apps.