With the increase in the demand for mobile applications, a large number of enterprises are shifting their focus towards . Introduction of new , platforms, and frameworks is allowing mobile app developers to create revolutionary mobile apps. has gained a lot of popularity in recent times as it enables developers to develop apps for multiple platforms like Android, iOS, Windows with a single code base. is one of the most famous Cross Platform for mobile app development introduced by Facebook and it has one of the largest active developers community. React is a JavaScript library which is efficient, flexible and declarative for developing user interfaces. It lets the developer compose complicated UIs of small and isolated pieces of code referred to as “components”. mobile app development technologies Cross-Platform App Development React Native REACT FEATURES It’ll assist you to maintain your code while working on large-scale projects. React is all about components. Components − React implements unidirectional data flow using Flux which is an application architecture that helps to keep your data unidirectional. Unidirectional data flow and Flux − REACT NATIVE UI COMPONENTS React Native encourages you to build the UI of your application using isolated components. It is much easier to build applications using libraries and UI toolkits as it saves time and make development faster. There are a lot of React Native UI components available to get started. Here, I am listing 11 React Native UI components that you should know. The list does not rank any framework and is listed in a random fashion. Am I missing anything? Feel free to comment and add your own suggestions. REACT NATIVE MATERIAL KIT With 4175 stars and 507 forks, React Native Material Kit bring material design to your application. It has a set of UI components that introduce material design to your application quickly and painlessly with just a few lines of code. Different components offered by React Native Material Kit – Buttons Cards Loading Sliders Textfields Toggles Feel free to try — https://github.com/xinthink/react-native-material-kit REACT NATIVE VECTOR ICONS With 10,063 stars and 1119 forks, react-native-vector-icons is the library of fully customizable icons for your mobile app with support for NavBar/TabBar/ToolbarAndroid. These vector icons are easy to extend and easy to integrate in your app project. More details, available here — https://github.com/oblador/react-native-vector-icons REACT NATIVE UI KITTEN With 3345 stars and 459 forks, React Native UI Kitten is a mobile framework offering easily customizable elements. Although there are a lot of standalone components available but there are very fewer frameworks available that offer the commonly used components as a single package with the same UI design. UI Kitten aims to fill this gap and boost mobile app development so that you can focus more on business and less on view composition. More details available here — https://github.com/akveo/react-native-ui-kitten LOTTIE FOR REACT NATIVE With 10,489 stars and 929 forks, lottie-react-native enables developers to ship beautiful animations in their apps without the pain of recreating them. Lottie is a mobile library that parses Adobe After Effects animations natively on mobile. More details, available here — https://github.com/react-native-community/lottie-react-native NACHOS UI KIT With 1752 stars and 103 forks, Nachos UI Kit for React Native offers pre-coded 30+ UI components ready to use. The components are fully customizable according to your requirement. Different component offered by Nachos UI Kit includes Badge, Bubble, Button, Card, Carousel, Checkbox, Input, Slider, Spinner and many more. Feel free to try — https://github.com/nachos-ui/nachos-ui REACT VIRGIN With 1349 stars and 89 forks, React Virgin is a boilerplate UI kit for React Native. React Virgin offers beautiful React Native UI kit offering different components including horizontal list, vertical list, buttons, header, grid-view, chat bubble, loader. More details available at — https://github.com/Trixieapp/react-virgin REACT NATIVE ANDROID KIT With 105 stars and 17 forks, react-native-android-kit offers the set of Android UI components and modules. The main purpose of this toolkit is to provide developers with Android native components that have not been implemented by React Native core team. The kit supports some components from Android design support library and also includes — 1. TableLayoutAndroid 2. ButtonAndroid 3. FloatingButtonAndroid 4. Color 5. Drawable 6. Demo 7. Todo For more details, visit — https://github.com/adbayb/react-native-android-kit REACT NATIVE UI LIBRARY With 1370 stars and 150 forks, react-native-ui-lib is a UI components library offering a wide range of components such as ActionBar, ActionSheet, Button, Card, Checkbox, Dialog, Image, ListItem, TabBar and many more. For the complete list of UI components, you can check out the link — https://github.com/wix/react-native-ui-lib REACT NATIVE MAPS With 8739 stars and 2650 forks, react-native-maps offers map components for your Android or iOS application. The kit offers different types of component API such as MapView, Marker, Callout, Polygon, Polyline, Circle, Overlay. Complete details are available here — https://github.com/react-native-community/react-native-maps REACT NATIVE GIFTED CHAT With 6627 stars and 1881 forks, 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. Feel free to try — https://github.com/FaridSafi/react-native-gifted-chat REACT NATIVE APP INTRO With 2507 stars and 475 forks, react-native-app-intro enables you to add parallax effect welcome page on your Android & iOS application. The component is based on react-native-swiper. More details, available here — https://github.com/FuYaoDe/react-native-app-intro SUMMARY These are the few out of many available UI components which you can use in your React Native application. If you still can’t find the React Native component you need, then you can from our experts. Learn how VT Netzwelt can help you build a better application in with a proper development process, faster iterations, bug reporting etc. request a callback React Native Originally published at www.vtnetzwelt.com on January 8, 2019.
