DEV Community: Vladimir Agaev

NestJs RBAC tutorial

Vladimir Agaev — Thu, 02 Mar 2023 11:57:08 +0000

Session Authentication vs Basic Authentication vs JWT Authentication: Which is Right for Your Project?

Vladimir Agaev — Tue, 21 Feb 2023 10:07:59 +0000

How to implement a 404 redirect in react router v6

Vladimir Agaev — Wed, 24 Aug 2022 10:38:10 +0000

Page redirection in the new React router v6 can be tricky.

Let's say you have the following routes

<Router>
  <Routes>
    <Route path="home" element={<Home />} />
    <Route path="profile" element={<Profile />} />
  </Routes>
</Router>

However, that means that if we navigate to /home or /todo, none of the routes will be rendered.

This is a classic use case example for a 404 page.

Adding a 404 page

<Router>
  <Routes>
    <Route path="home" element={<Home />} />
    <Route path="profile" element={<Profile />} />
    <Route path="*" element={<Page404 />} />
  </Routes>
</Router>

In this example react router will fallback to the 404 page if the user attemps to enter an invalid url.

The "*" will catch all the paths that have not been caught by previous routes.

The 404 page should thus be the last route to be rendered.

Adding a page redirect

We can improve the code further by adding a redirect for the default home directory.

This way the user can access the home page by either navigating to /home or to / (which would redirect him to home).

<Router>
  <Routes>
    <Route path="home" element={<Home />} />
    <Route path="profile" element={<Profile />} />
    <Route index element={<Navigate to="/home" />} />
    <Route path="*" element={<Page404 />} />
  </Routes>
</Router>

If you liked this tutorial consider visiting my website Code with Vlad where I provide high quality programming courses.

Zustand React Typescript Tutorial (vs Easy Peasy)

Vladimir Agaev — Tue, 11 Jan 2022 11:47:44 +0000

Hey guys,
I've been using easy peasy for years now as an alternative to REDUX and I love it!

I'd like to make a comparison of this library with zustand (another state management library based on hooks) that I have used recently and that is more popular.

I personally prefer easy peasy, in this video I explain why!

Complete NestJs JWT Authentication Example with Integration and End-to-End tests!

Vladimir Agaev — Thu, 06 Jan 2022 17:04:00 +0000

Hi there!

I've previously created a detailed video about jwt authentication in nestjs here.

I initially was not expecting much but apparently the subject of jwt authentication is very popular. Especially when it comes to access tokens and refresh tokens. I've received a lot of comments and even a PR to my example github repository. ‎😃

I've decided to give back and spent a whole afternoon adding features to the repository showcasing how to use access tokens and refresh tokens in NestJs with INTEGRATION TESTS and END TO END tests! YAY! ‎😃 ‎😃 ‎😃

The repository is here: https://github.com/vladwulf/nestjs-jwts.

I think it will be a solid base for anyone who wants to learn to implement authentication with jwt as there are not a lot of resources on the subject.

The project uses Prisma, argon, a test database for integration and e2e tests with the necessary scripts.

I hope that you will find it useful.

Any feedback is welcome :)

Do no hesitate to visit Code With Vlad for more NestJs content

EXPRESS JS CRASH COURSE

Vladimir Agaev — Sat, 25 Dec 2021 01:09:31 +0000

ES6 MODULES EXPLAINED

Vladimir Agaev — Sat, 25 Dec 2021 01:04:00 +0000

Do no hesitate to visit Code With Vlad for more javascript content

NestJs Testing Tutorial - Integration Testing

Vladimir Agaev — Tue, 07 Dec 2021 11:35:00 +0000

Do no hesitate to visit Code With Vlad for more NestJs content

NestJs JWT - Access Tokens & Refresh Tokens - Ultimate Guide

Vladimir Agaev — Sun, 05 Dec 2021 14:19:00 +0000

Do no hesitate to visit Code With Vlad for more NestJs content