Explore all newline lessons
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.
lesson
Server-side vs Client-Side Routing in a Web ApplicationTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoRouting 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.
lesson
Set-up For Part IITinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoWe 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.
lesson
Code Patterns & BehaviorTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL - Part TwoIn 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.