What is React Native? React Native is an open-source mobile application framework created by Facebook. It is used to develop applications for Android, iOS, Web and UWP by enabling developers to use React along with native platform capabilities. Wikipedia Although they share a name, ReactJS and React Native are quite different and it's …
javascript
How To Create a React App Using Typescript
What is Typescript? TypeScript is a typed superset of JavaScript that compiles to plain JavaScript... typescriptlang.org You have no doubt heard of Typescript, or have seen it on a job description if you have spent any time programming in JavaScript. However, even experienced JavaScript developers have not looked into this programming language …
How to Create a Multi-Page React App
What is a SPA? Single Page Applications (SPAs) are applications that use one webpage for all their features. In the past, websites typically loaded new pages for each new request or link within the domain name. For example, there would be an HTML page for: / /about /contact /blog /blog/1 Individual HTML pages could be found …
How to Fetch Data from an API with React Hooks
What are React Hooks? If you are brand new to React and APIs consider checking out: How To Use an API with ReactJS How To Create a Weather App with React (OpenWeatherMap API) Either of the articles can provide a decent introduction to React and the relationship with APIs. Otherwise, you have probably at least heard of React …
How To Use an API with Vue.js
The web is progressing fast with new technologies and libraries emerging every few months. Vue.js is one of the Javascript frameworks gaining immense popularity over the last few years. Initially launched in 2014, it derives inspiration from Angular but is very lightweight and ideal for building single-page web applications. In this blog post, …
How to Display API Data Using Axios with React
What is Axios? Promise based HTTP client for the browser and node.js Axios is a JavaScript library for managing your code's ability to reach out to the web. It's common to use APIs to connect resources, exchange data, and access services. Browse the Best Free APIs List However, accessing resources on the web is not an instantaneous process. …
How to Build a Single-Page Application (SPA) with Vue.JS (and APIs)
If you are building a web application with the API-first approach, then you have to think of leveraging external APIs to execute part of your application logic. Single-page applications are a perfect candidate for building such Apps. These Apps allow the web browser to re-render different parts of the web page dynamically, by invoking APIs. These …
How to use an API with Node.js
What is a REST API? Let's break the term REST API down into its acronyms starting with 'API'. Many definitions exist for the different types of application programming interface's (APIs) but my favorite definition is; …an API provides interactions between one software and another, but not users. REST APIs serve the simple purpose of connecting …
How to use SMS API with NodeJS
SMS APIs Adding short message services (SMS) to an application, or platform, has become common for many organizations, but can still help to legitimize a service in the market. In short, SMS APIs are simply APIs that help programs send text messages. You have probably received text-messages from programs utilizing SMS technologies if you have …
Build an Airbnb Search App with Mashvisor API on Vue.js
We are back with the Mashvisor API again. This time it’s going to be a Vue.js widget for searching Airbnb listings. Mashvisor API has an extensive set of API endpoints to assist you with real estate data. For this blog post, we are going to take a closer look at Airbnb’s short term rental listings via the Mashvisor API. Subsequently, we will …
How to use the Google Maps API in React
Google Maps API Overview The Google Maps Geocoding API is easy to understand and easy to use API. But first, we have to understand what geocoding is. Geocoding is the process of converting addresses (like "1600 Amphitheatre Parkway, Mountain View, CA") into geographic coordinates (like latitude 37.423021 and longitude -122.083739)... RapidAPI …
How To Use an API with ReactJS
Intro A client recently asked me, "Do you know how to use APIs with ReactJS?". Frankly, I hesitated when answering because I thought, "What do you mean by API?". There wasn't enough context for me to figure out what kind of Application Programming Interface (API) she was talking about, and you can learn more about the various types of …
Build a Translation App with the Microsoft Text Translation API [JavaScript Tutorial]
Introduction Translation capabilities are commonplace on the web. There are browser add-ons and plenty of translation APIs available. With a global web and marketplace, it's important to have the ability for users to receive information in their preferred language. The popular choice is using Google Translate to translate webpage components. …
Build a Dictionary App with the WordsAPI (JavaScript)
Why Build JavaScript Dictionary Apps? There are many easy ways to look up words these days. However, what can separate a normal app from a great dictionary app can depend on the completeness of the information it provides. A single definition can be misleading and, without context, unhelpful. Different dictionary and word APIs can have their …
How To Use the TripAdvisor API to Build a Simple Travel App
Let’s create an “Explore the World!” web app with TripAdvisor API. I’ll be showing you how to create the web app from ideation to implementation, and walking you through each step of the way with diagrams, explanations, and code samples. Let’s get started! Connect to the Tripadvisor API How to Build a Simple Travel App The idea behind the …