Welcome to the final part of a three-part series on adding animations to React Native app. In this tutorial, we’ll be taking a look at how you can respond to the user’s gestures and animate the components involved in the interaction. Prerequisites To ... more
JavaScript has proved over and over again it is going nowhere soon and that statement is even made much truer by the recent release of Angular 7. Angular is a framework used to build mobile and web applications. Its first version was released by Google ... more
Today we are excited to announce that Chatkit is generally available. For the last year, we’ve been hard at work scaling our infrastructure and developing new features based on the feedback we received from more than 8,000 beta testers. What is Chatkit? ... more
Out of Beta with new & improved SDKs! We are excited to share with you that Chatkit is now out of Beta and in general availability, or GA. There are some significant changes under the hood, and with how the client SDKs interface with the backend. ... more
Progressive Web Apps are one of the technologies originally proposed by Google to make the web a better place for everyone. A better place in the sense that the web is fast and easily accessible to users no matter where they are and even with the poorest ... more
We wanted to test the limits of chat integration and do something a little bit different. The teams at Pusher Chatkit and Chirp came together to create a progressive web app that uses data-over-sound to localize many devices to the same chat room with ... more
In this tutorial, I will describe how you can build a Facebook Messenger chatbot that incorporates NLP with Dialogflow and deploy it to Facebook. You can find the entire source code of the application on this GitHub repository. Many chatbots leverage ... more
Laravel 5.7 was released almost a month after Laracon US 2018. This version continues with improvements made in Laravel 5.6, introducing Laravel Nova, email verification alongside other cool new features we will be discussing in this article. In this ... more
The need to write statically typed code with less bugs and easier refactoring birthed the language we all know today as Reason. Although Reason was created to improve how frontend developers write code by avoiding lots of bugs caused by JavaScript for ... more
Introduction This tutorial primarily focuses on React and ReasonReact and their benefits and disadvantages. If you don’t already know what ReasonReact is, it can be thought of as a version of React that is built on the statically-typed functional programming ... more
In this tutorial, we’re going to look at how to implement authentication in React Native apps using Auth0. Specifically, we’re going to: Set up Auth0 to allow Google and Facebook logins. Use the hosted login page to log in users. Prerequisites In order ... more
This tutorial will introduce OCaml, Reason React, and BuckleScript, and explain their relevance. To wrap things up, we will take a look at a demo project built with ReasonReact. ReasonReact is a simpler and much safer way to build React components in ... more
Without a doubt, Laravel is the best PHP framework right now. It would be nice if all PHP applications are migrated to Laravel, though this is wishful thinking. However, if you are here then you must be interested in doing that. This article is going ... more
In a previous article, we explored how to build a serverless REST API using AWS Lambda and the Serverless framework. In this article, we’ll build a different version of that API, providing the same functionality, but through a GraphQL interface instead. ... more
Framework 7 is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS and Android native look and feel. It is also an indispensable prototyping application tool to show a working app prototype as soon as possible ... more
In this tutorial, we’re going to take a look at how you can use TypeScript for building your React Native projects. Specifically, we’re going to take a look at the following: Setting up a new React Native project that uses TypeScript. Setting up linting ... more
VSCode (Visual Studio Code) has exploded in popularity since its first release in 2015 and has now become the editor of choice for many web developers, especially those working with JavaScript on the frontend and Node.js on the backend. While VSCode ... more
In this tutorial, we will explore React Context API in details. Background As with most component-based frontend frameworks, passing some form of data from one component to another is usually a real need. Typically it comes in the form of passing data ... more
Introduction Unit testing helps us to have confidence that our code is behaving the way we expect it to. It helps us to identify issues before we publish our code. Quick is a testing framework and Nimble is a matching framework. They are easy to use and ... more
We are in a rapidly changing world. We rely on our smartphones, laptops, smartwatches and other gadgets to give us information on time and upon request. Data is transmitted from a data center back to us on any medium we choose to consume content. In ... more
In this article, we’ll take a look at some of the issues you might encounter while developing iOS apps with React Native. Specifically, we’ll take a look at the following issues: Software dependency problems Third-party package issues Issues when running ... more
When building modern applications, it is not uncommon to have several isolated yet connected aspects of your application. For instance, you can have a website, an admin panel, and an API all powering the same application. There are many ways you can ... more
Over the years, with the advancement of technology, different breakthroughs have been made in our interaction with computers. The experience that was limited to viewing 2D objects on a screen has evolved to the stage that we have augmented reality and ... more
Welcome to part two of a three-part series on adding animations to your React Native app. In this part, you’re going to learn how to add transition animations. Specifically, we’re going to: Animate the header when the user scrolls on a list. Customize ... more
Animations are an important part of the user experience, especially for mobile apps. Animations provide users with a clear feedback when they’re interacting with the UI elements in the app. Animations bring the app to life through the use of movement. ... more
JSON Web Token (JWT) is an open standard that allows two parties to securely send data and information as JSON objects. This information can be verified and trusted because it is digitally signed. JWT authentication has aided the wider adoption of stateless ... more
Vue.js is with no doubts the preferred JavaScript framework in the Laravel community. In fact, a fresh Laravel application comes with Vue.js already set up out of the box. Prefer to use React instead? Then you are in the right place, as we’ll be looking ... more
Introduction Swift 4 was released along with iOS11 last September. It focuses on improving the stability of the ABI (application binary interface). This meant less drastic changes as compared to when we made the move from Swift 2 to Swift 3. My favourite ... more
In this article we’ll take a look at how to debug some of the most common issues you will encounter while developing Android apps with React Native. Specifically, we’ll be looking at the following issues: Software dependency problems Third-party package ... more
As your web application begins to grow in functionality and usage, the need to optimize it performance arises, so as to give your users a better experience when using your application. Come to think of it, nobody actually like slow applications. You ... more