Lessons
Explore all newline lessons
lesson
How Does React's useEffect Hook Work?The newline Guide to Modernizing an Enterprise React AppuseEffect is a game-changing hook: originally compared to lifecycle methods in React components, it's close but not truly a direct comparison.
lesson
React's useState Hook - Track Functional Component StatesThe newline Guide to Modernizing an Enterprise React AppThe 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.
lesson
React Hooks - Understanding The Basic Rules and BenefitsThe newline Guide to Modernizing an Enterprise React AppLearn about the motivation behind React Hooks, the benefits it can bring, and the rules that apply to all Hooks in a React application.
lesson
Video Course Overview - Modernizing an Enterprise React AppThe newline Guide to Modernizing an Enterprise React AppIntroduction to Modernizing an Enterprise React App
lesson
Coding a Comments Section that Requires Manual Content ApprovalThe newline Guide to Full Stack Comments with Hasura and ReactRight 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.
lesson
How to Publish a Custom React Hook as an NPM LibraryThe newline Guide to Full Stack Comments with Hasura and ReactThis lesson will teach you how to publish a React hook as an NPM library.
lesson
Adding Pagination to a Comments Section with Hasura and ReactThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll add pagination to both the hook and UI.
lesson
An Overview of Optimistic Updates for React HooksThe newline Guide to Full Stack Comments with Hasura and ReactWe'll learn about optimistic updates and add them to our hook's implementation to improve the user experience.
lesson
How to Use GraphQL to Add Comment Features to a Frontend AppThe newline Guide to Full Stack Comments with Hasura and ReactThis 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.
lesson
A Brief Tutorial on Building the UI for a Blog Comments SectionThe newline Guide to Full Stack Comments with Hasura and ReactIn 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.
lesson
Fetching Blog Comments from a Database with a Custom React HookThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll create a React hook that will fetch the comments from the database. We'll cover how to create a custom hook as well as how to integrate with Hasura.
lesson
Setting Up Next.js Blog Starter and Understanding Its StructureThe newline Guide to Full Stack Comments with Hasura and ReactWe'll get to know a sample blog application that we'll be adding a comments section to. We'll also go over the setup and explain the directory structure.