Lessons

lesson

In this lesson, we'll investigate the FunctionComponent interface type React provides and address the type checking capabilities it provides when assigned to functional components.

Hassan Djirdeh

Jing Chen

lesson

In this lesson, we'll introduce and type define Props to our recently created Listings function component.

Hassan Djirdeh

Jing Chen

lesson

In this lesson, we'll create our first React Function component.

Hassan Djirdeh

Jing Chen

lesson

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.

Hassan Djirdeh

Jing Chen

lesson

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.

Hassan Djirdeh

Jing Chen

lesson

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

Hassan Djirdeh

Jing Chen

lesson

This lesson is a summary of the work done in Module 4.0.

Hassan Djirdeh

Jing Chen

lesson

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).

Hassan Djirdeh

Jing Chen

lesson

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.

Hassan Djirdeh

Jing Chen

lesson

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.

Jing Chen

Hassan Djirdeh

lesson

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.

Hassan Djirdeh

Jing Chen

lesson

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.

Hassan Djirdeh

Jing Chen