Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
How to Add Ant Design UI Framework to React

lesson

How to Add Ant Design UI Framework to ReactTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Throughout Part I of the course, we haven't made any changes to the presentation (i.e. CSS) of our client code. In this lesson, we'll introduce and use the Ant Design React UI framework to improve the appearance of our client application.

An Intro to CSS UI Frameworks With Ant Design

lesson

An Intro to CSS UI Frameworks With Ant DesignTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we discuss some of the benefits of using a React UI framework as well as the Ant Design UI library.

How to Autogenerate GraphQL Types With Apollo CLI

lesson

How to Autogenerate GraphQL Types With Apollo CLITinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll use Apollo tooling's command line interface to autogenerate static types for the GraphQL requests in our client application.

How to Replace useQuery and useMutation With Apollo Hooks

lesson

How to Replace useQuery and useMutation With Apollo HooksTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

With the Apollo client available everywhere in our app, we'll replace the use of the custom useQuery and useMutation Hooks with the variations provided to us from the React Apollo library.

Build an Apollo Client With apollo-boost and GraphQL

lesson

Build an Apollo Client With apollo-boost and GraphQLTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

To use the React Apollo client library, we'll install and set up the Apollo client of our application with which we'll be doing in this lesson.

How to Use React's useReducer Hook to Handle State

lesson

How to Use React's useReducer Hook to Handle StateTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll configure the useQuery and useMutation Hooks we've created to use another state management Hook to handle state. We'll use React's useReducer Hook.

How to Customize the React useMutation Hook

lesson

How to Customize the React useMutation HookTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll create a custom useMutation Hook which will abstract the server fetch functionality needed to conduct a mutation from a component.

Customize GraphQL Errors with React useQuery Hook

lesson

Customize GraphQL Errors with React useQuery HookTinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

In this lesson, we'll address how we can handle the loading and error state of our GraphQL queries with our custom useQuery Hook.