Introduction Security on the internet comes under scrutiny the more our personal lives and business data moves online. Users want integration between applications without having to continuously enter user login data. Users also want security without noticing that the security is there. In this article, we are going to talk about two aspects of …
react.js
How to Make REST API Calls in React Native
What is React Native? React Native claims to be a library for building user-interfaces. If that statement seems a little vague it's because the library is designed to be used on various devices, platforms, operating systems, etc. Written in JavaScript—rendered with native code. reactnative.dev The library allows developers to write …
How to create a React app with Express
Creating web apps gives developers the power to reach a wide audience, for sharing content, selling products, and opening communication. In the past few years, the combination of Express.js and React.js has proven to be a powerful tool in the software developer's tool belt. With these two frameworks, front-end engineers can quickly create React …
React Component API
What is the React Component API? React introduced Hooks in version 16.8 which lets users create components that access state without writing class components. This has drawn many developers away from the classic class components. However, Hooks don't replace class components. They simply offer a different method for creating components. In the …
How to Build an App with Node.js & TypeScript
Introduction This tutorial will show you how to build an app with TypeScript. We will walk you step-by-step thru setting up, developing and running a web application that queries the Internet for current crypto-currency price data. We'll be using TypeScript in the React.js and Next.js frameworks. If you are new to TypeScript you may want to …
How to use an API with React Redux
What is Redux? Redux is a state management framework for use in JavaScript-based front-end web apps. What is Redux used for? Redux helps to centralize state access and state updating logic, which can help keep the structure of complex applications manageable. If you would like a quick refresher on Redux, or you're new to using Redux, be sure …
React Context API: Using React Context with APIs effectively
What is React Context API? React.js is a powerful way to make sophisticated web apps and websites. If you're not yet familiar with React, Hooks, or APIs, or just want a refresher, check out these tutorials: How to use API with React How to Fetch Data from an API with React Hooks React Contexts build on React's state management. They …
How To Create a React Native App (React Native Tutorial)
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 …
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 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 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 …