/blog

Writing

Notes on what I build and learn along the way. Subscribe via RSS.

#authentication
#authorization
#ci-cd-pipeline
#client-side-routing
#express
#github-actions
#github-pages
#jwt-token
#material-ui
#mongodb
#react
#react-router
#react-router-6
#redux-middleware
#redux-toolkit
#role-based-access-control
#typescript

2023-09-20
Handle Authorization in React + Express (TypeScript) Application Using Role Based Access Control
Full-stack auth with React + Express · part 5
Restricting pages and backend APIs by user role with Role Based Access Control across a React frontend and Express backend.
2023-09-19
Handle notifications in your React application (TypeScript) using Redux toolkit and use a custom Redux middleware to handle API responses
Full-stack auth with React + Express · part 4
Showing API success and error notifications in React with Redux Toolkit and a custom Redux middleware that inspects API responses.
2023-09-15
Create a Backend Application Using Express (TypeScript) and Handle Authentication
Full-stack auth with React + Express · part 3
Building an Express + TypeScript backend with MongoDB, JWT authentication stored in cookies, and custom middleware for auth and errors.
2023-09-15
Create a simple React app (TypeScript) with Login / Register pages using create-react-app
Full-stack auth with React + Express · part 1
Part one of a full-stack auth series: scaffolding a React + TypeScript app with MUI login and register pages and React Router v6.
2023-09-15
Manage Your React (TypeScript) Application State Using Redux Toolkit
Full-stack auth with React + Express · part 2
Centralizing React application state with Redux Toolkit: slices, typed hooks, and wiring authentication state into the router.
2023-08-30
CI/CD Pipeline to publish a web app to GitHub Pages using GitHub Actions Workflow
Automating build and deploy of a web app to GitHub Pages with a GitHub Actions workflow, including the client-side routing gotchas.