Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying GraphQL Best Practices
  • Table Of Contents Toc
  • Feedback & Rating feedback
GraphQL Best Practices

GraphQL Best Practices

By : Artur Czemiel
close
close
GraphQL Best Practices

GraphQL Best Practices

By: Artur Czemiel

Overview of this book

In the ever-evolving landscape of web development, GraphQL has emerged as a powerful query language that addresses the limitations of traditional REST APIs. This guide delves deep into GraphQL, starting with its foundational principles and swiftly advancing to complex topics that will equip you with the skills you need to understand this technology. As you progress, you’ll cover advanced concepts such as schema design, security enhancements, and error handling. You'll also explore essential topics such as federation and the transition from REST to GraphQL, gaining a comprehensive understanding of these critical areas. The book helps you learn through practical examples in TypeScript, guiding you through building scalable and secure GraphQL backends. Additionally, you’ll get up to speed with the intricacies of frontend integration. By the end of this book, you’ll have the skills you need to implement real-world GraphQL solutions, creating efficient and robust applications that meet modern web development demands.
Table of Contents (23 chapters)
close
close
Free Chapter
1
Part 1 - Why GraphQL?
4
Part 2 - Schema-First Design Patterns
7
Part 3 - Exploring Possible Ways to Use GraphQL
11
Part 4 - Advanced GraphQL
18
Part 5 - From an Idea to a Working Project

Creating authentication pages

To allow users to post and reply to questions, we need to provide a way for them to register and log in. As stated in the Root layout, those pages will have the src/pages/auth/AuthRoot.tsx layout as their layout component.

Inside the layout for authentication pages, we need to redirect users back to the Home page if they are already logged in. We don’t want to display the register and login forms for already logged-in users. This feature becomes particularly useful when the browser remembers the login link with the next parameter. In such cases, instead of encountering an error, users can be seamlessly redirected to the appropriate page.

Here is the AuthRoot component code that is the base for the login and register forms:

import { jwtToken } from '@/atoms';
import { useAtom } from 'jotai';
import { useEffect } from 'react';
import {
  Outlet,
  useNavigate,
  useSearchParams...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY