How to integrate GraphQL into your Node.js app

construction crane highlighted against a sunset sky
construction crane highlighted against a sunset sky
Source: Angela Compagnone On Unsplash

Objectives of This Article

  • What GraphQL is
  • When to use it, and what its advantages over REST are
  • Basic GraphQL functionality with Apollo Server
  • Advanced GraphQL functionality, like resolver chains and mutations in GraphQL
  • Important things to remember when using GraphQL

Introduction


How to build dynamic, multi-page React apps

Snow-covered mountains
Snow-covered mountains
Photo by Sven Pieren on Unsplash.
  • Tell React to render the page according to the route that the user has navigated to.
  • To make this possible, React had to go out and fetch the page from a server.

Introduction to React Router

What is React Router?


How to Use Material Components and TailwindCSS In Your React Web App

Image for post
Image for post
Source: David Cohen On Unsplash


How to add Google OAuth to your web app

Image for post
Image for post
Source: Daria On Unsplash

Learning Objectives Of This Article

  • Know what third-party authentication is.
  • Know when to use third-party authentication.
  • To be able to build a notes application with the built-in Google OAuth.

Introduction

  • A basic notes app with normal CRUD functionality.
  • A login and logout system — there will be multiple users of this web app.


How To Build A Web Scraper In Node.Js With node-fetch, Puppeteer and nodemailer

Image for post
Image for post
Source: Joshua Earl At Unsplash


All you need to know about React’s Context API

Image for post
Image for post
Source: Dave Hoeffler On Unsplash.com

What Is Context and Why Is It Useful?


How to use Passport.js for user authentication in your node app

Image for post
Image for post
Photo by freddie marriage on Unsplash
  • Students first log in to the app using their email and required credentials. If an existing account is not found, they are prompted to create an account.
  • If an existing account is found, the student can now view their academic progress and homework. …


Step By Step Tutorial

How To Use the Quotes API to get Motivational Words with the fetch Method in ReactJS

A Man standing on top of a hill
A Man standing on top of a hill
Source: Joshua Earle On Unsplash


How to use Socket.IO in your web app

Image for post
Image for post
Source : Priscilla Du Preez on Unsplash


A Tutorial on Creating A Simple Weather App in React And How To Use the fetch Method

A fleet of VORTEX2 vehicles tracks a supercell thunderstorm near Dumas. Image Credits : NOAA at Unsplash.com
A fleet of VORTEX2 vehicles tracks a supercell thunderstorm near Dumas. Image Credits : NOAA at Unsplash.com
Image Credits: NOAA at Unsplash

Getting Started

npx create-react-app weatherfrontend

About

Hussain Arif

Programming enthusiast in Karachi,Pak. Happy to share whatever I learn. Instagram:hussainn.arif email: hussainarifkl [at] gmail [dot] com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store