Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
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.

Server-side vs Client-Side Routing in a Web Application

lesson

Server-side vs Client-Side Routing in a Web ApplicationTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

Routing is the process of navigating through a web application with the help of URLs. When a link in a webpage is clicked, the URL changes which then navigates a user to a new page. In this lesson, we'll learn about routing and explore the different routes we'll need for our TinyHouse application.

Set-up For Part II

lesson

Set-up For Part IITinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

We begin working on building the TinyHouse application by first modifying the code from the end of Part I of the course to prepare us as we move forward.

Code Patterns & Behavior

lesson

Code Patterns & BehaviorTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part Two

In this lesson, we'll continue from the previous lesson and spend more time discussing common patterns we'll employ as we build both the server and client projects of the TinyHouse application.