Lessons
Explore all newline lessons
lesson
Summary of Module 3TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLThis lesson is a summary of the final state of the work done in Module 3.0.
lesson
How to Use GraphQL Schema LanguageTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLThe GraphQL schema language is a human-readable syntax to help create GraphQL schemas. In this lesson, we'll use the GraphQL schema language to re-create the schema we have in a more readable and simpler format.
lesson
How to Query GraphQL Data And Mutate DataTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLIn this lesson, we'll look to mimic the listings retrieval and manipulation we had in our Express RESTful API but with GraphQL instead.
lesson
Build a GraphQL Schema And Test it in GraphQL PlaygroundTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLIn this lesson, we'll use the Apollo Server and GraphQL JavaScript libraries to create a minimal GraphQL API that we'll be able to interact within an IDE known as GraphQL Playground.
lesson
How to Add Apollo Server for a GraphQL API in a Node.js AppTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLIn this lesson, we'll install the Express variation of the popular Apollo Server library and the GraphQL JavaScript library.
lesson
A Guide to GraphQL Schema and Data TypesTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLIn this lesson, we introduce and discuss some of GraphQL's main concepts such as the GraphQL schema, object types and resolver functions.
lesson
GraphQL vs REST APIs - A Comparison With GitHub's APIsTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLBefore we continue discussing some of the core concepts in GraphQL, we'll take a bit of a tangent in this lesson to contrast and compare Github's existing REST API (v3) and their GraphQL API (v4).
lesson
What is GraphQL?TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLGraphQL is a query language for APIs. In this lesson, we go through an initial discussion on GraphQL and how GraphQL differs from traditional REST APIs.
lesson
Summary of Module 1TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLThis lesson is a summary of the work we've done in Module 1.0.
lesson
How to Build GET and POST Routes With Express RouterTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLIn this lesson, we'll use the routing capabilities Express gives us to create GET and POST routes that interact with the mock data array we've established.
lesson
Build a Mock Array of Data Objects for TypeScriptTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLTo help us get started, we'll begin by introducing a mock data array of rental listings in this lesson. This will help us get started before we begin to address more appropriate data persistence.
lesson
Automatically Check TypeScript Code for Errors With ESLintTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQLThough VSCode includes TypeScript language support which helps us pick up TypeScript errors in our TypeScript code, we'll introduce more robust code checking with ESLint - a popular open-source JavaScript/TypeScript linting tool.