Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
A Step-by-Step Guide to Using React's useContext Hook

lesson

A Step-by-Step Guide to Using React's useContext HookThe newline Guide to Modernizing an Enterprise React App

Context is a powerful API to pass state within React applications, and with the introduction of the useContext Hook, accessing state in any component (class or functional) is possible.

Learning About The React useRef Hook And Mutable Values

lesson

Learning About The React useRef Hook And Mutable ValuesThe newline Guide to Modernizing an Enterprise React App

While less often discussed, the useRef Hook deserves covering because a time will come when it's the right solution to reach for; here, we'll talk about how useRef's "mutable" value property can be useful.

How Does React's useEffect Hook Work?

lesson

How Does React's useEffect Hook Work?The newline Guide to Modernizing an Enterprise React App

useEffect is a game-changing hook: originally compared to lifecycle methods in React components, it's close but not truly a direct comparison.

React's useState Hook - Track Functional Component States

lesson

React's useState Hook - Track Functional Component StatesThe newline Guide to Modernizing an Enterprise React App

The useState Hook is the most similar to traditional state in React class-based components, and we'll look at examples of how it works to keep track of state in functional components.

React Hooks - Understanding The Basic Rules and Benefits

lesson

React Hooks - Understanding The Basic Rules and BenefitsThe newline Guide to Modernizing an Enterprise React App

Learn about the motivation behind React Hooks, the benefits it can bring, and the rules that apply to all Hooks in a React application.

Coding a Comments Section that Requires Manual Content Approval

lesson

Coding a Comments Section that Requires Manual Content ApprovalThe newline Guide to Full Stack Comments with Hasura and React

Right now, all the comments are public instantly. However, we may want to review the comments before showing them to other users. This is what we'll cover in this lesson.

An Overview of Optimistic Updates for React Hooks

lesson

An Overview of Optimistic Updates for React HooksThe newline Guide to Full Stack Comments with Hasura and React

We'll learn about optimistic updates and add them to our hook's implementation to improve the user experience.

How to Use GraphQL to Add Comment Features to a Frontend App

lesson

How to Use GraphQL to Add Comment Features to a Frontend AppThe newline Guide to Full Stack Comments with Hasura and React

This lesson will show how to extend the hook to handle adding new comment logic. It will cover adding a new GraphQL mutation and using it from the frontend application.

A Brief Tutorial on Building the UI for a Blog Comments Section

lesson

A Brief Tutorial on Building the UI for a Blog Comments SectionThe newline Guide to Full Stack Comments with Hasura and React

In this lesson, we'll add a UI for the comments section and a new comment form. We'll also display the comments that we get from the React hook.