As mobile app users, we love to see some diversity in how elements are being rendered in the app. One way of presenting a list of items is through the use of horizontally rendered list of cards. Spotify is one of the application that successfully uses this pattern. Let’s go through a short tutorial to […]
With react native we can build applications easily for both Android and iOS users using an almost “identical” codebase. While this is an advantage, there are design elements that we must take into considerations when designing for both OSes. Navigation element is one of the biggest items to consider in designing application for both OSes. […]
I’ve written how to create an infinite scroll using ListView before. However, redditor reminded me that there are new interfaces to deal with list view when it comes to react native. React native team have simplified wrangling with list component through the introduction of 2 new classes: FlatList SectionList These new list types extend from […]
Thanks to Facebook wall, Twitter, and other apps, we are getting very comfortable with infinite scrolls. With react native, we can easily replicate this in a mobile application. What we are building In this tutorial, we will build a list view with react native that supports infinite scroll. We will use Reddit API as our […]
With so many resources to learn react native, it is very difficult to single out the good courses apart from the average ones. To help learning react native in a structured manner, here’s a list of some of the best resources you can find to learn react native today. 1. Getting started in react native […]
For mobile apps development in iOS, CocoaPods has become an accepted dependency manager. Some of highly used library have their packages available in CocoaPods. React native comes without CocoaPods built into their installation. Not to worry though, getting CocoaPods into your react native project is really straightforward! Let’s go through the process of adding Fabric for iOS using […]
React native is a good choice to write cross platform mobile application. Testing and debugging react native applications locally is also quite straightforward. Once we deploy these applications, we definitely want to know how our users is using our application. For web applications, most of the time we are defaulting to google analytics. However, for react native […]
React native comes with a Picker element out of the box. However, if you try to include this picker element immediately, it may not work really well with your iOS app. Right out of the box, Picker element for iOS will render a full height scroller. Here’s how the picker element look like on its own: […]
Starting out on a react native project can be a nightmare if we try to create themes and UI components all by yourself. Not only we need to create all kinds of styles for different component, we also need to ensure that it works well and looks good across platform. We sorely needa suite of UI components […]