How to use a transition in Svelte! (Also Creating, updating, and deleting posts, and XSS protection)

Continuing to build out our SvelteKit application and blog, we now want and need the ability to create new posts, as well as update and delete our own posts only. In this episode, I show how to do all of that, as well as provide extra security against XSS by adding DOMPurify. We also explore using our first Svelte animation transition!
🤯 Support on Patreon
  • https://www.patreon.com/davidwparker

⏱️ Timestamps:
  • 00:00 - Introduction
  • 00:35 - Demo
  • 01:35 - package.json changes
  • 02:40 - Nav changes
  • 02:55 - Settings changes -> and mentioning we'll have better protected pages later
  • 05:00 - DOMPurify
  • 06:00 - index changes (Creating, updating, deleting)
  • 09:30 - Slide Transition in Svelte!
  • 10:25 - Create form
  • 14:20 - Update form, delete button, and DOMPurify

💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewh ere:
  • Twitter: https://twitter.com/davidwparker
Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • Create, Update, and Deleting blog posts through our API
  • adding DOMPurify to protect against XSS

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte/tree/ep15
  • https://github.com/kkomelin/isomorphic-dompurify/
  • https://github.com/cure53/DOMPurify

🎬 Subscribe!
  • http://bit.ly/subdavidwparker

My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, TailwindCSS, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #sveltekit

© programmingtil.com