Creating API using Netlify functions

Netlify offers free static website hosting with features like continuous deployment services, user-authentication, and form-handling. But static sites have limitations to perform server-side operations. These limitations have been addressed by Netlify by providing features to create Serverless Functions. In this blog, we'll create a simple application that displays a positive quote when we click the button. The quote displayed is returned from the API we'll create using netlify lambda function and deploy it. So let's get started. What is Serverless Computing? Serverless computing (or commonly referred to as serverless) is an execution model where cloud providers execute the piece of

Understanding react-native-reanimated: A hands-on approach - Part 2

In Part 1 we learned some fundamentals of react-native-reanimated, its declarative syntax and its working under the hood by creating a simple Accordion. If you missed the first part, it will be better if you visit it and come back here as lots of concepts covered there will be referred here in this article. In this blog, we'll understand how to perform translation transformation by creating a shiny effect on the progress bar using react-native-reanimated. So, let's get started. Pre-requisites: Basic knowledge of react-native Basic knowledge of react-native-reanimated from the previous article Initialize project: Let's create our project by running:

Understanding react-native-reanimated: A hands-on approach - Part 1

React-native's Animated library is a simple and powerful library to add animations in your react-native app. But it has few limitations when it comes to gesture-based interactions. To overcome these limitations, we have an alternative, react-native-reanimated library by Krzysztof Magiera Using react-native-reanimated, we declare our animations in JavaScript, in our React Native application code, but run them on UI thread. It provides much greater flexibility and control over our animations and is also backward compatible with the Animated library. But this flexibility comes at a cost of declarative syntax which involves a bit of learning curve. In this blog, we'll

Using react-native, integrate Google maps with custom style and track user location

In recent years, location tracking of products/services provided by businesses has become a vital part for businesses as well as customers as it provides them with live updates. In one of our health and fitness-based apps, we had a requirement of integrating the map with custom style and track location of the user while performing activities such as running or cycling. In this blog, we will walk you through steps for integrating Google Maps with custom style and tracking the location of the user using react-native. Contents: Initialize project Add react-native-maps and link it Load default map Enabling Google