Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
An Overview of the create-react-app File and Folder Structure

lesson

An Overview of the create-react-app File and Folder StructureTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

create-react-app creates a series of files and folders as it instantiates and creates a Webpack bundled React application. In this lesson, we'll spend some time addressing and highlighting each of the files and folders scaffolded by create-react-app.

How to Create a React App With Webpack

lesson

How to Create a React App With WebpackTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

A lot of things need to be considered to create the scaffold of a modern React application, like allowing for a modular-based app, compiling ESNext code, transpiling TypeScript code, etc. To avoid spending too much time with build tools, we'll create a modern React/TypeScript application with a single command - create-react-app.

React vs JavaScript - Reusable Components and JSX

lesson

React vs JavaScript - Reusable Components and JSXTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

This lesson provides a quick revision on some of the main topics behind developing UI applications with React.

How to Use lodash merge to Modularize GraphQL Resolvers

lesson

How to Use lodash merge to Modularize GraphQL ResolversTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll see how we can use the lodash merge function to have our GraphQL resolvers map be broken down to small resolvers objects that pertain to certain domains (i.e modules).

How to Use GraphQL to Query a MongoDB Database

lesson

How to Use GraphQL to Query a MongoDB DatabaseTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll look to have our GraphQL API resolvers interact and manipulate data in our Mongo database. This will help ensure persistence of data and data changes between server restarts.

How to Seed Data to a MongoDB Database

lesson

How to Seed Data to a MongoDB DatabaseTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

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 simple seed script that will make it easy for us to populate the database with mock data in development.

Use Environment Variables With Node.js and MongoDB

lesson

Use Environment Variables With Node.js and MongoDBTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Defining and using environment-specific configuration variables within code files is less than ideal due to security reasons as well as the coupling of environment-specific configuration and application code. In this lesson, we'll avoid declaring our MongoDB environment variables directly in our database connection file and instead use the popular dotenv package to load environment variables from a .env file.

How Add TypeScript Types to a MongoDB Database

lesson

How Add TypeScript Types to a MongoDB DatabaseTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Though we've been able to make our database connection from the server, we haven't appropriately specified the type of data that can be returned from our database collections. In this lesson, we introduce and take advantage of generics to define the type of data that can be returned from our listings collection.

How to Connect Node.js to a MongoDB Database

lesson

How to Connect Node.js to a MongoDB DatabaseTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Many different libraries and tools exist to help facilitate the connection between a Node Server and a MongoDB instance. In this lesson, we'll introduce and use the Node MongoDB driver to make our server connect with the MongoDB cluster we've created in Atlas.

How to Create a MongoDB Cluster in MongoDB Atlas

lesson

How to Create a MongoDB Cluster in MongoDB AtlasTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

MongoDB Atlas is a fully managed cloud database service built and maintained by the same team behind MongoDB. In this lesson, we'll create our first MongoDB cluster with MongoDB Atlas.

SQL vs NoSQL - An Intro to MongoDB

lesson

SQL vs NoSQL - An Intro to MongoDBTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

This brief lesson highlights some of the differences between relational and non-relational databases, and introduces MongoDB.