Epic Games Store UI- MaterialUI, ReactJS, TypeScript - Using React Query #9

Hi, in this series we will try to build fullstack application with NestJS, NextJS, ReactJS, PostgreSQL and TypeScript. My aim is to build something bigger and more interesting. Features like authorization or using database are always tricky so I think it's good to implement on your own to understand how they work. We will build both API and web application. Our app is a funny little approach to mimic something like a game library and we will try to recreate Epic Games Store.

Have you ever wondered how are real app design and written? In this series I will try to reproduce at least some functionalities of Epic Games Store. We'll use NextJS, MaterialUI, ReactJS and TypeScript.

In the 9 part we will setup React Query to work with our login form:

Table of content:
00:00 - Intro
03:00 - Fixing TS config for our API project
05:00 - Creating API class for out frontend project
11:45 - Explaining generic types
14:45 - API initialization
17:00 - implementing API functions
21:10 - useMutation hook
23:15 - configuring React Query
29:20 - performing the mutation request
30:20 - Fixing the CORS issue in the API
33:30 - Handling the 401 error during login
--------------------------------------------

You can find me here:

https://twitter.com/wojciech_bilick
https://medium.com/@wojciech.bilicki
https://github.com/wojciech-bilicki

-------------------
ignore

web design
html
web development
css
html5
css3
es6
programming
basics
tutorial
javascript
how to make a website
responsive design tutorial
web development tutorial
media queries
website from scratch
html css
responsive website tutorial
responsive web development
web developer
how to make a responsive website
how to build a website from scratch
how to build a website
build a website
How to