Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
How to Build a Custom Google Sign-In UI in React

lesson

How to Build a Custom Google Sign-In UI in ReactTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'll now switch over to work in our React application and have it communicate with the server to allow a user to sign-in via Google OAuth.

Build GraphQL Authentication Resolvers for Google Auth

lesson

Build GraphQL Authentication Resolvers for Google AuthTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'll continue to update the GraphQL resolver functions we've prepared to allow users to log-in & log-out of our application.

Using Google Auth and People API With React and GraphQL

lesson

Using Google Auth and People API With React and GraphQLTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

Before we update our GraphQL OAuth resolvers, we'll use Google's official Node.js library to help access and interact with Google APIs.

The GraphQL Document Fields Needed for Google Sign-In

lesson

The GraphQL Document Fields Needed for Google Sign-InTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We'll begin creating the GraphQL fields that we'll need to help us establish Google OAuth in our application.

How to Get Google Access Credentials for OAuth Authentication

lesson

How to Get Google Access Credentials for OAuth AuthenticationTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In this lesson, we'll create the necessary OAuth credentials from the Google API Console that we'll need to use to set-up Google OAuth in our application.

How Does OAuth 2.0 Work? [with diagrams and examples]

lesson

How Does OAuth 2.0 Work? [with diagrams and examples]TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

OAuth is an industry-standard authorization protocol that enables applications to obtain limited access to user accounts without giving away any passwords. In this lesson, we'll dive a little deeper explaining what OAuth is and how we intend to use it in our application to help users sign-in with their Google account.

How to Build a Seed Function to Add Data to MongoDB

lesson

How to Build a Seed Function to Add Data to MongoDBTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

Having our database contain some mock data will allow our GraphQL queries and mutations to interact with data from the database. In this lesson, we'll create a scripts to help seed and clear the database of mock data, in development.

Build a MongoDB Document Schema: Examples and Best Practices

lesson

Build a MongoDB Document Schema: Examples and Best PracticesTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We continue from the previous lesson by declaring the shape of the data we expect to store in each of the collections of our database.

How to Build MongoDB Database Collections in React

lesson

How to Build MongoDB Database Collections in ReactTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In this lesson, we'll brainstorm the structure of our database and determine how many collections the database for our TinyHouse application will need.

Build Web App Navigation With React Router and BrowserRouter

lesson

Build Web App Navigation With React Router and BrowserRouterTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

React Router is a popular community-built library that provides a set of navigational components to help create routing within React applications. In this lesson, we'll use React Router to declare the main routes and the components that should be shown in these routes for our TinyHouse client application.