Explore all newline lessons
lesson
How to Build a Custom Google Sign-In UI in ReactTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'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.
lesson
Build GraphQL Authentication Resolvers for Google AuthTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'll continue to update the GraphQL resolver functions we've prepared to allow users to log-in & log-out of our application.
lesson
Using Google Auth and People API With React and GraphQLTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoBefore we update our GraphQL OAuth resolvers, we'll use Google's official Node.js library to help access and interact with Google APIs.
lesson
The GraphQL Document Fields Needed for Google Sign-InTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe'll begin creating the GraphQL fields that we'll need to help us establish Google OAuth in our application.
lesson
How to Get Google Access Credentials for OAuth AuthenticationTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn 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.
lesson
How Does OAuth 2.0 Work? [with diagrams and examples]TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoOAuth 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.
lesson
Introduction to Module 4TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 4.0.
lesson
How to Build a Seed Function to Add Data to MongoDBTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoHaving 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.
lesson
Build a MongoDB Document Schema: Examples and Best PracticesTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe continue from the previous lesson by declaring the shape of the data we expect to store in each of the collections of our database.
lesson
How to Build MongoDB Database Collections in ReactTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn this lesson, we'll brainstorm the structure of our database and determine how many collections the database for our TinyHouse application will need.
lesson
Introduction to Module 3TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoThis is an introduction to the work we'll be doing in Module 3.0.
lesson
Build Web App Navigation With React Router and BrowserRouterTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoReact 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.