10 Awesome React Native UI Component Libraries You Should Know
Tags: reactnative, ui, libraries
Published: 2020-03-29 18:51:12

<main role="main"><article class=" u-minHeight100vhOffset65 u-overflowHidden postArticle postArticle--full is-withAccentColors" lang="en" ><div class="postArticle-content js-postField js-notesSource editable" id="editor_6" g_editable="true" role="textbox" contenteditable="true" data-default-value="Title
Tell your story…" spellcheck="false"><section name="a53a" class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><p name="a1ef" class="graf graf--p graf-after--figure is-selected">With the increase in the demand for mobile applications, a large number of enterprises are shifting their focus towards mobile app development. Introduction of new technologies, platforms, and frameworks is allowing mobile app developers to create revolutionary mobile apps. Cross-Platform App Development 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.<br>&nbsp;<br>&nbsp;React Native 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. With the growing popularity of React and the rise of native mobile app development (and PWA), it’s not surprising that React-Native is getting more adoption in the community every day.</p><p name="d054" class="graf graf--p graf-after--p">Much like React itself, React Native encourages you to build your UI using isolated components. Component libraries and UI toolkits help you save time and build your applications faster, using a pre-made set of components.</p><p name="57bf" class="graf graf--p graf-after--p"><strong class="markup--strong markup--p-strong">REACT FEATURES</strong></p><ul class="postList"><li name="3e92" class="graf graf--li graf-after--p"><strong class="markup--strong markup--li-strong">Components −</strong> It’ll assist you to maintain your code while working on large-scale projects. React is all about components.</li><li name="c47b" class="graf graf--li graf-after--li"><strong class="markup--strong markup--li-strong">Unidirectional data flow and Flux −</strong> React implements unidirectional data flow using Flux which is an application architecture that helps to keep your data unidirectional.</li></ul><p name="6b2d" class="graf graf--p graf-after--li">Here is a list of useful (maintained) React-native UI libraries to get you started. The list does not rank any framework and is listed in a random fashion. Feel free to comment and add your own suggestions!</p><p name="31e7" class="graf graf--p graf-after--p"><strong class="markup--strong markup--p-strong">Tip</strong>: Use Enappd to get your hands on ready to use elegant App Templates build by expert UI/UX developers. Enappd has build world’s largest inventory of app templates, just name your need and chances are that you will be able to find a template built for it. Demo apk of all the app templates is available to download for free, check it out.</p><h3 name="fc21" class="graf graf--h3 graf-after--p">1. React Native&nbsp;Elements</h3><p name="13b4" class="graf graf--p graf-after--h3">At over 17k stars react-native-elements is a highly customizable cross-platform UI toolkit built entirely in Javascript. The library’s authors <a href="https://medium.com/react-native-training/introducing-react-native-elements-e3d78389b7ea"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">state that</a> “<em class="markup--em markup--p-em">The idea with React Native Elements is more about component structure than actual design, meaning less boilerplate in setting up certain elements but full control over their design”</em>, which should make it appealing for both new developers and seasoned veterans. Here’s <a href="https://react-native-training.github.io/react-native-elements/"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">an example Expo app</a> that shows all the components in action. Feel free to jump in.</p><figure tabindex="0" contenteditable="false" name="d8de" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 456px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 65.10000000000001%;"></div><img class="graf-image" data-image-id="1*kAnSi9mss4MDiRB1efeJ1A.gif" data-width="969" data-height="631" src="https://cdn-images-1.medium.com/max/800/1*kAnSi9mss4MDiRB1efeJ1A.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="8778" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/react-native-training/react-native-elements?source=post_page-----71d2a8e33312----------------------"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="567e" class="graf graf--h3 graf-after--p">2. NativeBase</h3><p name="711e" class="graf graf--p graf-after--h3">At 12k stars and over 1.5k forks NativeBase is a widely popular UI component library providing dozens of cross-platform components for React native. When using NativeBase, you can use any native third-party libraries out of the box and the project itself comes with a rich ecosystem around it, from useful <a href="https://reactnativeseed.com/?utm_source=nativebase%26utm_medium=website%2Bfold%26utm_campaign=nativebase"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">starter-kits</a> to <a href="https://nativebase.io/nativebase-customizer"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">customizable theme templates</a>.</p><figure tabindex="0" contenteditable="false" name="448d" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 371px; max-height: 661px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 178.2%;"></div><img class="graf-image" data-image-id="1*Qa9Ih-heAjNFAoEb8GuC6A.gif" data-width="371" data-height="661" src="https://cdn-images-1.medium.com/max/800/1*Qa9Ih-heAjNFAoEb8GuC6A.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><figure tabindex="0" contenteditable="false" name="c728" class="graf graf--figure graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 447px; max-height: 732px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 163.79999999999998%;"></div><img class="graf-image" data-image-id="1*mGICsXWBil8ZKzRi5-tTTg.gif" data-width="447" data-height="732" src="https://cdn-images-1.medium.com/max/800/1*mGICsXWBil8ZKzRi5-tTTg.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="c8c7" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/GeekyAnts/NativeBase?source=post_page-----71d2a8e33312----------------------"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="6930" class="graf graf--h3 graf-after--p">3. Lottie wrapper for React&nbsp;Native</h3><p name="0189" class="graf graf--p graf-after--h3">With nearly 12k stars and 1.2k 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.</p><figure tabindex="0" contenteditable="false" name="7756" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 350px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 50%;"></div><img class="graf-image" data-image-id="1*qZMz2abxuSdvi6YQOFkLVg.gif" data-width="800" data-height="400" src="https://cdn-images-1.medium.com/max/800/1*qZMz2abxuSdvi6YQOFkLVg.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><figure tabindex="0" contenteditable="false" name="e764" class="graf graf--figure graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 350px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 50%;"></div><img class="graf-image" data-image-id="1*SMS-J6ZnK05LFzWAuHvQ6g.gif" data-width="800" data-height="400" src="https://cdn-images-1.medium.com/max/800/1*SMS-J6ZnK05LFzWAuHvQ6g.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="ffcb" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/react-native-community/lottie-react-native"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="1892" class="graf graf--h3 graf-after--p">4. REACT NATIVE VECTOR&nbsp;ICONS</h3><p name="3951" class="graf graf--p graf-after--h3">With nearly 12k stars and 1372 forks, this library is, well, a set of customizable icons for React native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling. Unsurprisingly, it’s extremely useful and used by thousands of applications as well as other UI component libraries (like react-native-paper). The library provides pre-made bundled icon sets out of the box, and here are <a href="https://oblador.github.io/react-native-vector-icons/"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">full examples</a> of all the icons in the library. These vector icons are easy to extend and easy to integrate in your app project.</p></div><div class="section-inner sectionLayout--outsetColumn"><figure tabindex="0" contenteditable="false" name="1045" class="graf graf--figure graf--layoutOutsetCenter is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 1192px; max-height: 478px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 40.1%;"></div><img class="graf-image" data-image-id="1*P_ytQ3swhMHEW8E20Tf9Rw.png" data-width="1217" data-height="488" src="https://cdn-images-1.medium.com/max/1200/1*P_ytQ3swhMHEW8E20Tf9Rw.png"><div class="crosshair u-ignoreBlock"></div></div></figure></div><div class="section-inner sectionLayout--insetColumn"><figure tabindex="0" contenteditable="false" name="4ba1" class="graf graf--figure graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 593px; max-height: 169px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 28.499999999999996%;"></div><img class="graf-image" data-image-id="1*9Q7gENX2tlohsQbBGJ3H_w.png" data-width="593" data-height="169" src="https://cdn-images-1.medium.com/max/800/1*9Q7gENX2tlohsQbBGJ3H_w.png"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="bf4f" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/oblador/react-native-vector-icons"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="b4aa" class="graf graf--h3 graf-after--p">5. REACT NATIVE&nbsp;MAPS</h3><p name="04c0" class="graf graf--p graf-after--h3">With over 10k stars and 3297 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.</p><figure tabindex="0" contenteditable="false" name="7ecf" class="graf graf--figure graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 542px; max-height: 480px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 88.6%;"></div><img class="graf-image" data-image-id="1*hsFUoNPwLtOO2jvCtcaeQg.gif" data-width="542" data-height="480" src="https://cdn-images-1.medium.com/max/800/1*hsFUoNPwLtOO2jvCtcaeQg.gif"><div class="crosshair u-ignoreBlock"></div></div><br/><figcaption class="imageCaption" contenteditable="true" data-default-value="Type caption for image (optional)">Draggable Markers</figcaption></figure><figure tabindex="0" contenteditable="false" name="98d1" class="graf graf--figure graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 400px; max-height: 710px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 177.5%;"></div><img class="graf-image" data-image-id="1*oh9KOeNO0U1274PAv1wwiA.png" data-width="400" data-height="710" src="https://cdn-images-1.medium.com/max/800/1*oh9KOeNO0U1274PAv1wwiA.png"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="e927" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/react-native-community/react-native-maps"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="4ec4" class="graf graf--h3 graf-after--p">6. REACT NATIVE GIFTED&nbsp;CHAT</h3><p name="f91c" class="graf graf--p graf-after--h3">With nearly 8k stars and 2354 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.</p><figure tabindex="0" contenteditable="false" name="8f91" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 405px; max-height: 780px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 192.6%;"></div><img class="graf-image" data-image-id="1*PZ8VD_NoJ2k60Y3I_rG5oA.gif" data-width="405" data-height="780" src="https://cdn-images-1.medium.com/max/800/1*PZ8VD_NoJ2k60Y3I_rG5oA.gif"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="e4f0" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/FaridSafi/react-native-gifted-chat"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="1110" class="graf graf--h3 graf-after--p">7. REACT NATIVE UI&nbsp;KITTEN</h3><p name="17c3" class="graf graf--p graf-after--h3">With nearly 5k stars and 606 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. The library is based on Eva Design System which brings consistency and scalability in the design and development process. It contains a set of general purpose UI components styled in a similar way. And the most awesome thing: the themes can be changed in the runtime, with no need to reload the application.</p><figure tabindex="0" contenteditable="false" name="c3e8" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 306px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 43.8%;"></div><img class="graf-image" data-image-id="1*xuA-UGl3M9TkFUvpUkqiVg.jpeg" data-width="2880" data-height="1260" src="https://cdn-images-1.medium.com/max/800/1*xuA-UGl3M9TkFUvpUkqiVg.jpeg"><div class="crosshair u-ignoreBlock"></div></div></figure><figure tabindex="0" contenteditable="false" name="3c86" class="graf graf--figure graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 308px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 44%;"></div><img class="graf-image" data-image-id="1*D7KB41-U1xvLAP6AuNxhoA.png" data-width="1600" data-height="704" src="https://cdn-images-1.medium.com/max/800/1*D7KB41-U1xvLAP6AuNxhoA.png"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="e1ac" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/akveo/react-native-ui-kitten"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="1327" class="graf graf--h3 graf-after--p">8. Shoutem</h3><p name="cb23" class="graf graf--p graf-after--h3">At 3.5k stars Shoutem is a React Native UI Kit which consists of 3 parts: <a href="https://github.com/shoutem/ui"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">UI components</a>, <a href="https://github.com/shoutem/theme"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">Themes</a> and component <a href="https://github.com/shoutem/animation"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">Animation</a>. The library provides a set of cross-platform components for iOS and Android, and all components are built to be both composable and <a href="http://github.com/shoutem/theme"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">customizable</a>. Each component also has a predefined style that is consistent with the rest, which makes it possible to build complex components without manually defining complex styles.</p><figure tabindex="0" contenteditable="false" name="c674" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 405px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 57.8%;"></div><img class="graf-image" data-image-id="1*7ajlV8ZctPUeo26OXn62QA.png" data-width="737" data-height="426" src="https://cdn-images-1.medium.com/max/800/1*7ajlV8ZctPUeo26OXn62QA.png"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="817c" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://shoutem.github.io/ui/?source=post_page-----71d2a8e33312----------------------"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="fef9" class="graf graf--h3 graf-after--p">9. React Native&nbsp;Paper</h3><p name="ef78" class="graf graf--p graf-after--h3">At nearly 1.5K stars React Native Paper is a cross-platform UI component library which follows the material design guide lines, with <a href="https://callstack.github.io/react-native-paper/theming.html"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">global theming support</a> and an optional babel-plugin to reduce bundle-size. Here’s an <a href="https://expo.io/%40satya164/react-native-paper-example"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">Expo example app</a> to help you quickly get the idea.</p><figure tabindex="0" contenteditable="false" name="839d" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 611px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 87.3%;"></div><img class="graf-image" data-image-id="1*bvGnFH_KYAVSTol9KYvitg.png" data-width="2200" data-height="1920" src="https://cdn-images-1.medium.com/max/800/1*bvGnFH_KYAVSTol9KYvitg.png"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="414f" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/callstack/react-native-paper?source=post_page-----71d2a8e33312----------------------"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="3d2b" class="graf graf--h3 graf-after--p">10. NACHOS UI&nbsp;KIT</h3><p name="ed68" class="graf graf--p graf-after--h3">With 1752 stars and 103 forks, Nachos UI Kit for React Native offers pre-coded 30+ UI customizable components ready to use, which also work on the web thanks to <a href="https://github.com/necolas/react-native-web/"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">react-native-web</a>. 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. With jest snapshot testing, prettier and yarn support this carefully crafted library offers a spicy design and a global theme manager.</p><figure tabindex="0" contenteditable="false" name="6a68" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 303px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 43.3%;"></div><img class="graf-image" data-image-id="1*8SvXGBq7fsuzxOxNe9kD6w.png" data-width="1067" data-height="462" src="https://cdn-images-1.medium.com/max/800/1*8SvXGBq7fsuzxOxNe9kD6w.png"><div class="crosshair u-ignoreBlock"></div></div></figure></div><div class="section-inner sectionLayout--outsetColumn"><figure tabindex="0" contenteditable="false" name="db11" class="graf graf--figure graf--layoutOutsetCenter graf-after--figure is-defaultValue"><div class="aspectRatioPlaceholder is-locked" style="max-width: 1192px; max-height: 598px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 50.2%;"></div><img class="graf-image" data-image-id="1*fphDJA-1NjQJ66EjM2qmMA.jpeg" data-width="4000" data-height="2008" src="https://cdn-images-1.medium.com/max/1200/1*fphDJA-1NjQJ66EjM2qmMA.jpeg"><div class="crosshair u-ignoreBlock"></div></div></figure></div><div class="section-inner sectionLayout--insetColumn"><p name="e4f1" class="graf graf--p graf-after--figure">Link to this library can be found over <a href="https://github.com/nachos-ui/nachos-ui"  class="markup--anchor markup--p-anchor"    target="_blank">here</a>.</p><h3 name="4d6b" class="graf graf--h3 graf-after--p">Conclusion</h3><p name="b44c" class="graf graf--p graf-after--h3">These are the some of the best available UI components libraries handpicked for your quick reference. Consider using them in your next project and let me know how it fared out in the comments below. Stay awesome!!</p><h3 name="08e1" class="graf graf--h3 graf-after--p">Next Steps</h3><p name="0993" class="graf graf--p graf-after--h3">Now that you have learned about some awesome React Native UI component libraries, here are some other topics you can look into</p><ul class="postList"><li name="6f8d" class="graf graf--li graf-after--p"><a href="https://enappd.com/blog/react-native-life-cycle-hooks/79"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">React Native life cycle hooks</a></li><li name="bf8d" class="graf graf--li graf-after--li">How To in React Native&#8202;—&#8202;<a href="https://enappd.com/blog/pick-images-from-camera-gallery-in-react-native-app/78"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Image picker </a>| <a href="https://enappd.com/blog/intergrate-firebase-in-react-native-app/73"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Integrate Firebase</a> | <a href="https://enappd.com/blog/react-native-firebase-crud-image-upload-and-phone-authentication/86"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Push notifications</a> | <a href="https://enappd.com/blog/geolocation-geocoding-react-native-apps/84"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Geolocation</a> | <a href="https://enappd.com/blog/react-native-life-cycle-hooks/79"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Life cycle hooks</a> | <a href="https://enappd.com/blog/pick-images-from-camera-gallery-in-react-native-app/78"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Image Picker</a> | <a href="https://enappd.com/blog/redux-in-react-native-app/92"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Redux implementation</a> | <a href="https://enappd.com/blog/react-native-firebase-crud-image-upload-and-phone-authentication/86"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Firebase CRUD</a></li><li name="4b89" class="graf graf--li graf-after--li">Authentication&#8202;—&#8202;<a href="https://enappd.com/blog/google-login-in-react-native-android-apps-with-firebase/90"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Google Login</a>| <a href="https://enappd.com/blog/facebook-login-in-react-native-apps/89"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Facebook login</a> | <a href="https://enappd.com/blog/react-native-firebase-crud-image-upload-and-phone-authentication/86"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Phone Auth</a></li><li name="8db9" class="graf graf--li graf-after--li"><a href="https://enappd.com/blog/guide-on-react-native-full-app/53"  class="markup--anchor markup--li-anchor" rel="noopener"    target="_blank">Create Awesome Apps in React Native</a> using Full App</li></ul><p name="28d0" class="graf graf--p graf-after--li">If you need a base to start your next React Native app, you can make your next awesome app using <a href="https://store.enappd.com/product/react-native-full-app/"  class="markup--anchor markup--p-anchor" rel="noopener"    target="_blank">React Native Full App</a></p><figure tabindex="0" contenteditable="false" name="e4d4" class="graf graf--figure is-defaultValue graf-after--p"><div class="aspectRatioPlaceholder is-locked" style="max-width: 700px; max-height: 700px;"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 100%;"></div><img class="graf-image" data-image-id="1*sWyEeAfCMk7ULOkLUCdSug.jpeg" data-width="800" data-height="800" src="https://cdn-images-1.medium.com/max/800/1*sWyEeAfCMk7ULOkLUCdSug.jpeg"><div class="crosshair u-ignoreBlock"></div></div></figure><p name="2f1f" class="graf graf--p graf--empty graf-after--figure graf--trailing"><br></p></div></div></section></div></article></main>