66 posts tagged with "Mobile Development"

Gradients bring out a colorful taste in our apps. So it’s important to know how and when to use them in your mobile apps. In React Native, gradients are extremely easy to integrate and in this article we are going to describe exactly how to implement them. There are mainly two types of linear gradients in React Native and CSS: Linear and Radial gradient Two of the most used JavaScript libraries for generating gradients in React Native are

This article assumes you have just got your new job and you are finding it demanding to settle in and start working on your new team’s codebase. We discuss in this article some of the tricks that can help you familiarize with a new codebase faster. These tips and tricks are a summary after an intense research and consulting with some field developers in the industry. There’s no magic here, just practical and efficient steps in getting you familiar with a new codebase as fast as possible. This article will as well help you as a developer to maintain a sane codebase for the next developer that will take on your good work. Let’s jump right in Here are the five major trips to master a new codebase

Localization means adapting your app’s translations to suit your customers’ specific country or region. Supporting multiple languages (including RTL) is a critical feature for any successful mobile app, since it opens up the user base to a much larger pool of people, and also improves the user experience tremendously. Localization in React Native could be a little tricky, which is why we are writing this tutorial. Let’s see how you can localize your React Native apps elegantly.

Login with Google is a convenient way to allow users to register and authenticate into your React Native app. It reduces friction in the onboarding flow, and therefore it maximizes user growth. Firebase provides a seamless experience of adding Google Login into any React Native app with almost no effort. In this React Native tutorial, we are going to implement Login with Google in React Native with Firebase.

If you already have some programming experience and you’re interested in learning React Native, there are a few methods that are faster than the traditional route of learning. Most tutorials, books and courses are targeted towards non-programmers, wasting your time with the basics. But if you have programming experience, here’s how to learn React Native practically in a fraction of the time.

At Instamobile, we’ve built a ton of high-quality complex React Native apps, helping developers who are new to React Native learn the framework and launch their first React Naive apps much faster. In this article, we try to answer a question that we get a lot from our students, by compiling an extensive list of the 10 Best React Native App Ideas that can be built by complete beginners. Learning React Native might feel overwhelming at first.

In this tutorial, you will learn how to implement React Native Charts in your mobile app projects. In order to add chart visuals to a mobile app, we are going to use the react-native-chart-kit library, which provides us with the ability to add stunning charts to our React native apps. With this charts library, you can create line charts, Bezier line charts, Pie charts, Bar charts, Progress charts, and Contribution graphs. The library provides a Charts API that is easy to use, responsive, easy to plug-in and highly customizable.

Logging in a mobile app using the Phone number and a unique SMS verification code is one of the most common patterns to authenticate a user. In this tutorial, I am going to guide you through the process by demonstrating a login screen. To efficiently set up a backend service, let us use Firebase. There is a particular flow is followed when it comes to using the Phone sign-in method. When the user enters a number, they are sending a request an OTP from Firebase. The Firebase service then uses reCAPTCHA first to verify the user’s authenticity. Once that’s confirmed, it sends the OTP to the mobile number user previously entered. Lastly, the user can enter that value to sign in successfully.

Are you interested in building a React Native app that uses GraphQL API endpoints? Then you should read this tutorial. You are going to learn how to leverage Apollo to build a client-side GraphQL application with React Native and Expo. Apollo has an entire ecosystem to build GraphQL applications. You can use it to develop client-side and server-side apps separately. Apollo has more features and support than its open-source competitors in GraphQL for JavaScript world.

Capturing Memories! Camera in our smartphones allows us to quickly capture amazing moments in our lives. Moments which we most likely can never return to, but we can safely capture them up in the form of photos and videos. we are therefore left with a desire to share this amazing moment with our loved ones through our favourite mobile apps.