Zod + Generics is HEAVEN

แชร์
ฝัง
  • เผยแพร่เมื่อ 10 ม.ค. 2025

ความคิดเห็น • 158

  • @erlendryan
    @erlendryan ปีที่แล้ว +298

    hey, your content is very informative, I think it could be even better if you had smooth transitions to where you add lines of code, since it may be a bit hard to follow when you’re jumping between different lines

    • @zombiefacesupreme
      @zombiefacesupreme ปีที่แล้ว +19

      This would easily double the edit time.
      Just watch it three times in a row like me.

    • @brunopanizzi
      @brunopanizzi ปีที่แล้ว +9

      @@zombiefacesupreme this would double his edit time but save us 3 times more time, pretty good deal

    • @mattpocockuk
      @mattpocockuk  ปีที่แล้ว +51

      This makes sense! Still figuring this format out. I think the issue is that the _camera_ moves too fast: i.e. the line of code that my editor is on. This means that it gives the impression that it's snapping back and forward too much. Will work on it, thanks for the feedback!

    • @mattpocockuk
      @mattpocockuk  ปีที่แล้ว +28

      For instance, the first bit of code explanation is great until I jump at 0:24, which is disorienting.

    • @wlockuz4467
      @wlockuz4467 ปีที่แล้ว +20

      @@mattpocockuk Do it like Fireship, instead of selecting the code, paste it in and explain what the newly pasted code does.

  • @wickedjutto
    @wickedjutto ปีที่แล้ว +95

    One suggestion is to slow it down alittle bit. I don’t mind the fast pace, but as others pointed out, it’s just too hard to follow the code with many camera jumps. Thanks for the content, I’m getting up to speed with typescript and I feel like your content has helped the most.

    • @jamesthebald
      @jamesthebald ปีที่แล้ว +2

      I tried watching this at 0.75x speed and it was still too fast! Great stuff though.

    • @maksymkoiev8824
      @maksymkoiev8824 22 วันที่ผ่านมา

      I agree, especially for non native english speakers like me it's a bit challenging caught everything

  • @aleserantes
    @aleserantes ปีที่แล้ว +47

    Hi! This is hopefuly a constructive critic since I like the channel. This video editing style of removing spaces and silences may work for content such as Fireship's, which are mainly small snippets of info/jokes, but (for me at least) don't work for long code explanation like yours; pauses matter, they give emphasis and structure to speech. Keep up the good work!

  • @rishiraj_dhar
    @rishiraj_dhar ปีที่แล้ว +103

    Hey, Matt. Great vid as always! But yeah, it was a little hard to follow with all those sudden transitions and jumps around the code. If those could be a little smoother, this video would be an absolute banger!
    Really love your videos - they’ve helped me massively improve my own development and understanding of TS. Leaving this comment as a fan of your content who just wants to see you put the best stuff out there.

    • @Palundrium
      @Palundrium ปีที่แล้ว +2

      I think that's good feedback, I definitely find the same. Playback at half speed and having a lightning finger on the pause button is always helpful. 😅 I do like the fast speed as reference though when I come back later after letting it sink in.

    • @davethorne-o7x
      @davethorne-o7x 5 หลายเดือนก่อน

      This guy is just showing off , does he speak so fast in everyday life, does he speak so fast at work , just imaging he's trying to explain a complex concept to a junior dev, nightmare

  • @eternal8lueforever
    @eternal8lueforever ปีที่แล้ว +46

    This is great information, but its really hard to follow. The pacing is too fast and the jump cuts to different parts of the code make my head spin 😅

    • @davethorne-o7x
      @davethorne-o7x 5 หลายเดือนก่อน

      Yes , this guy is just a very knowledgable guy who is basically showing off. I really wouldn't want to work with him for sure.

  • @kamilogorek
    @kamilogorek ปีที่แล้ว +19

    Agree with previous comments that although those videos aim to be as condensed as possible, at this point, it's really hard to focus watching them.
    With so many jump cuts, it's very hard to keep track where in the codebase you currently are, as eyes need few seconds to figure it out.
    Maybe you could experiment more with typing instead of copy/pasting, and scrolling, rather than jumping between sections?

  • @JulianColeman03
    @JulianColeman03 ปีที่แล้ว

    I can't believe how many videos of yours I've gone through in the last few days because you manage to distill so much information into 4-minute videos. I've been looking for reasons why Zod will solve some problems for us and this has sold me.

  • @tomasznocon6378
    @tomasznocon6378 ปีที่แล้ว +1

    Nice timing, Astro 2.0 came out yesterday with one of the biggest new features being Markdown frontmatter validation using Zod.

  • @TheTmLev
    @TheTmLev ปีที่แล้ว +2

    TypeScript guys are finally moving towards Rust's serde which existed for years and provides more typesafety than TS+zod can ever have.

  • @DanielRios549
    @DanielRios549 ปีที่แล้ว

    Zod is absolutely amazing, since you start using it, you never want to stop

  • @rychardvale
    @rychardvale ปีที่แล้ว +7

    Hey Mat! Amazing video content, one thing that I could suggest is to zoom-out a little when showing code, I personally find a bit hard to follow when the code is too large like this.
    Amazing content nonetheless!

  • @pupfriend
    @pupfriend ปีที่แล้ว

    Zod is now at the center of a project I've been working on. I use a single schema to validate form inputs, database writes, requests from the browser, and to apply types going back to the browser responding to requests!
    One question... Zod has a .describe() method that only accepts strings. I've been using it to add data dictionary descriptions so I know the purpose of a particular field in the database. I'd love for it to accept objects so I could add things like: {
    dictionary: "Address line 1,
    formInputLabel: "Address 1",
    formInputId: "address1",
    formInputPlaceholder: "Enter your address",
    formInputHelperText: ""
    }
    The use case is simply that I could identify a single source for these things as part of the original schema. So, for example, if I have a new user form and and edit user form, and I want to change any of these items, I could change it in one spot and have it update across the forms.
    At runtime, nothing stops this, but Zod throws type errors in the editor if you add an object into the .describe() method. Any ideas on how this could be extended without updating the core library?

  • @MrCrooot
    @MrCrooot ปีที่แล้ว

    Don't change a thing, these are amazing.

    • @RevolutionaryUsername
      @RevolutionaryUsername ปีที่แล้ว

      Just because you’ve enjoyed the pace doesn’t mean others didn’t struggle a bit. No shame in trying to accommodate feedback.

  • @hypergraphic
    @hypergraphic ปีที่แล้ว

    Awesome! I've enjoyed zod so far and this is even cooler.

  • @eula9
    @eula9 ปีที่แล้ว +1

    so happy its not just me that can't follow this, i felt so stupid for not being able to lol. what's the philosophy behind ruthlessly trying to optimize shortening the video length? i got time don't worry

  • @psyferinc.3573
    @psyferinc.3573 ปีที่แล้ว

    ah i really should get over your beginners ts to get a hang of your style. the information is too much and too beautiful for me to be lazy about the basics. thank you a lot for your content man. you really are a wizard

  • @nomadshiba
    @nomadshiba 11 หลายเดือนก่อน

    you can use `as never` there
    you never really have to use `as any` for anything.
    you can just ban `: any` and `as any` from typescript literally, you never need it.
    if you think that you need `any` as a value type, you either need `unknown` or `never` every time.

  • @barelmishal9668
    @barelmishal9668 ปีที่แล้ว +7

    To fest transition hard to to keep up and a little bit annoying. That how I feel when watching this video. Love your content because of this give a comment hope that help.

  • @hugodsa89
    @hugodsa89 ปีที่แล้ว +1

    Hey Matt, are you trying to do a lot like Fireship? Dont get me wrong his videos are great, but I think your content had a different format which in many ways I found that it suit best your approach. But hey, keep rocking and experimenting if that's whats happening. I am glad and thankful you are doing all this effort in making great content. Cheers

  • @PedroA.Wingert
    @PedroA.Wingert 9 หลายเดือนก่อน

    Help! There are pieces of my mind everywhere, after that bombastic tip.

  • @theaungmyatmoe
    @theaungmyatmoe ปีที่แล้ว

    instead of casting as any, we can use return cb(req as Request, res); like this

  • @matthewbeardsley7004
    @matthewbeardsley7004 ปีที่แล้ว

    Lol, okay I feel a bit better seeing others not being able to follow along, I'll have to watch this a few times to grasp it...I felt like I had it on 1.5x anyway, I wouldn't change too much, I like all your videos

  • @lucasfranzolin
    @lucasfranzolin ปีที่แล้ว

    I'll recommend you for all of my peers!!

  • @saifullahrahman
    @saifullahrahman ปีที่แล้ว

    oh my god! this is exactly what I was trying to do just now.

  • @mskleftwich
    @mskleftwich 9 หลายเดือนก่อน

    This is so great. Small bit of feedback: could have used an extra second or two to read each code snippet before you moved to the next thing. I ended up just watching at 0.75 and pausing as needed. Thanks for the great content as always!

  • @markdioneeb8997
    @markdioneeb8997 2 หลายเดือนก่อน

    If I'm not mistaken, if you're already using Prisma ORM it automatically creates the type definition for you, so you can now only use zod for form validation....

  • @Oussama-uo1gf
    @Oussama-uo1gf ปีที่แล้ว +1

    it's so hard to get what's going on with all the sudden transitions. Love the way you explain though, keep up the good work

  • @vtnk7597
    @vtnk7597 ปีที่แล้ว +2

    very good video, but you should try to not jump all over the place like you did here 2:40. If possible show the entire script and highlight where you want the viewer to focus.

  • @AlexFigueiredoo
    @AlexFigueiredoo ปีที่แล้ว

    Thanks for posting this! I just started using Zod (dropped Yup), and I'm having a hard time with some simple stuff, and your tips are very welcome.
    I like the videos are short and easy to watch on a quick break, and I understand you're trying to figure out the format to improve your views and channel growth. This is my perception based on your tweets and community posts on YT.
    I think the pace is a bit too fast on this "blazing fast" series. Maybe you can type the important changes instead of the hard cuts? That would add some breath time to digest everything.

  • @lsagar
    @lsagar ปีที่แล้ว +2

    Faster than Flash,
    informative but I have no idea what went where. Blazing Fast Tips indeed

  • @somebody656
    @somebody656 ปีที่แล้ว

    I saw something in the zod readme where the generic should for the the schema with extends ZodTypeAny instead of the inferred type from the schema

  • @chrissalgaj4111
    @chrissalgaj4111 ปีที่แล้ว +3

    This one felt blazingly too fast. epic stuff though

  • @SimonCoulton
    @SimonCoulton ปีที่แล้ว

    This is brilliant content, thanks!

  • @ufukbakan4741
    @ufukbakan4741 ปีที่แล้ว

    You can use 'bootpress' on npm, i coded it for backend with the similar approach but i coded the 'zod part' my own too so it doesnt have dependency to it.

  • @andrewblotski8526
    @andrewblotski8526 ปีที่แล้ว +2

    It would be great if you provide a link to the source code as Jack Herrington does

  • @mkroven
    @mkroven ปีที่แล้ว

    Happy to see that I am not the only one who feels not smart enough to get it :)

  • @andrewlewin6525
    @andrewlewin6525 ปีที่แล้ว

    Awesome video, I think this would really do well with a more long form format, but really excellent stuff

  • @itsmefrancois6825
    @itsmefrancois6825 ปีที่แล้ว +3

    Thx again for this informative video but I couldnt keep up. The pure speed and sudden transisions made it really hard to follow.

    • @sushantrajbanshi4508
      @sushantrajbanshi4508 ปีที่แล้ว

      True, it was quite fast and hard to follow for noob developers like me 😁

  • @rostislavzhuravsky3342
    @rostislavzhuravsky3342 ปีที่แล้ว

    It is awesome! Thank you very much. I have learned a lot from you

  • @mmmikem
    @mmmikem ปีที่แล้ว +2

    I like it, but at this pace, a repo to reference at our own speed would be nice (for the express example at least)

  • @pinch-of-salt
    @pinch-of-salt ปีที่แล้ว +1

    Damn had to freeze frame a lot to grasp everything, really informative video btw. It would be great if you could start with some code then try to show how it’s flawed and then fix it.

  • @thesunabsolute
    @thesunabsolute ปีที่แล้ว +1

    Great content. VERY hard to follow with the jump cuts. Just post a normal video where you're typing the code out with the VO. The jump cut thing is not conducive to learning.

  • @armantavakoli5314
    @armantavakoli5314 ปีที่แล้ว

    when AI evolves to the point where we have archimedes-in-your-pocket, im going to make mine copy your teaching style

  • @yandeu
    @yandeu ปีที่แล้ว

    Niice was just looking for something like this!

  • @noamisaac
    @noamisaac ปีที่แล้ว

    Is there anywhere we can actually access the code you write in the video? I would like to follow with a stable point of reference

  • @y.m.o6171
    @y.m.o6171 ปีที่แล้ว

    Thank you for this. Can you please please share the final code ?

  • @pablom8854
    @pablom8854 11 หลายเดือนก่อน

    working with Zod and Prisma has been really hard, not sure if my logic is wrong but Zod + Mongoose was a lot easier. I'm having all sorts of issues with Prisma and models relations, it has been hard and I'm even using a generator to generate the Zod schemas.

  • @joostschuur
    @joostschuur ปีที่แล้ว

    I'm just here to point out that the blue color on your wall seems to be in your VS Code theme too.

  • @dcvsling
    @dcvsling ปีที่แล้ว

    typescript type check and inference trigger at design time , why trigger that again at " runtime " " with code" ?

  • @vigscodes
    @vigscodes ปีที่แล้ว

    Can you link to the specific Zod course you were talking about? Is it just the zod exercises on total typescript?

  • @martapfahl940
    @martapfahl940 ปีที่แล้ว

    is it comparable with pydantic speaking generally?

  • @SwedeOfEnbound
    @SwedeOfEnbound 11 หลายเดือนก่อน

    Hey Matt! Does your claim in ze title still hold up one year later? 🙏

  • @rafields2
    @rafields2 ปีที่แล้ว

    Hey Matt, nice video!! Never used zod before. Do you know fp-ts and io-ts?

  • @malipetek
    @malipetek ปีที่แล้ว

    I could not get it in one go, wow

  • @matheusbaptista8904
    @matheusbaptista8904 ปีที่แล้ว

    Hi Matt, congratulations on the video!
    So imagine that my schema is a z.object with 70 properties and I create a type alias from the z.infer of this object, so when I hover over this type vscode won't be able to show me the complete structure of type in your hover tooltip, it will show me something like ... 60 more ...
    Do you have any suggestions on how I can visually check the structure of the type alias that z.infer would generate for me when I have a schema with many properties?

    • @vijayRT
      @vijayRT ปีที่แล้ว

      I ran into this issue yesterday. There's no VScode specific solution, but adding "noErrorTruncation": true under the "compilerOptions" block in the tsconfig.json fixes it for me.

  • @ChillAutos
    @ChillAutos ปีที่แล้ว

    Let’s say I have a generated type from gql-gen, and we are storing that data elsewhere, what’s the best way to then use zod to verify that the data confirms to that gql generated type? Also have to assume that type can change so it needs to update the zod scheme automatically if it does (ideally)

    • @invinciblemode
      @invinciblemode ปีที่แล้ว

      You can’t do that. Zod only validates at runtime. At build time the types only work if they are inferred from your Zod schema. What you’ll end up doing is having two sources of types.

    • @ChillAutos
      @ChillAutos ปีที่แล้ว

      @@invinciblemode thanks for that. I suspected as much.

    • @invinciblemode
      @invinciblemode ปีที่แล้ว

      @@ChillAutos no prob. Facing the same issue at work. An alternative is to create a custom code generator to produce the Zod schema from gql?

    • @ChillAutos
      @ChillAutos ปีที่แล้ว +1

      @@invinciblemode haha you read my mind. I’m already writing a custom script that will be executed after the gql gen to do just that

  • @benoitleger-derville6986
    @benoitleger-derville6986 ปีที่แล้ว

    Are all aspects of this video well covered in your course on Zod?

  • @Louisi9
    @Louisi9 ปีที่แล้ว +2

    For the form example, I would actually recommend using Formik and Yup. Yup is very similar, but being able to use a form library where you can create forms entirely declaratively is pretty nice. It even does error handling automatically. Really recommend looking at Formik at least.
    There is an adapter to use Zod with Formik, but cant attest to its reliability.

    • @RIP212
      @RIP212 ปีที่แล้ว +2

      react-hooks-form is better tho. Has Zod adapter for 3 years now or so

    • @filippapiernik9737
      @filippapiernik9737 ปีที่แล้ว +2

      I dont recommend using formik, react-hook-form is way better can also use resolves - yup joi etc. Formik is lagging on bigger forms (e.x 8 inputs).

  • @deadman4150
    @deadman4150 ปีที่แล้ว

    One challenge with Zod is I can no longer use "Find all references" on properties in VSCode. Anyone know a workaround?

  • @peterprog181
    @peterprog181 ปีที่แล้ว

    My brain is driving at 300kmh

  • @Balance-8
    @Balance-8 ปีที่แล้ว

    Where is the zod course?

  • @botatoo1733
    @botatoo1733 ปีที่แล้ว

    plot twist you use Yup instead of zod for a day

  • @somewonderfulguy
    @somewonderfulguy 9 หลายเดือนก่อน

    Ugh, feel dumb watching this video. Probably should rewatch it later after dealing with Zod in practice.

  • @ГерриПитт
    @ГерриПитт ปีที่แล้ว

    And if you put the code in a gist and attached to the video it would be great and more helpful. Good luck!

  • @ofeenee
    @ofeenee ปีที่แล้ว

    The video is directed at high level TS established wizards, making it difficult for me, a baby mage, to follow along and understand the magic that’s going on to fully appreciate it… 😔

  • @0xlogn
    @0xlogn ปีที่แล้ว

    arktype > zod (disclosure: I'm an ArkType contributor)

  • @User-w8t4t
    @User-w8t4t ปีที่แล้ว +1

    I can’t follow up with 0.75speed😂

  • @Danielo515
    @Danielo515 ปีที่แล้ว

    It’s not a validator , it’s a parser.

  • @AjinkyaBorade
    @AjinkyaBorade ปีที่แล้ว

    Yup !

  • @TheWalrus_45
    @TheWalrus_45 ปีที่แล้ว

    As much as I wanted to learn how to Build ANYTHING with Zod + Generics, none of that made any sense to me :/

  • @purduetom90
    @purduetom90 ปีที่แล้ว

    I slowed this down to 75% playback speed and it was still hard to follow

  • @sidpd
    @sidpd 7 วันที่ผ่านมา

    the video was goiing good till i reached 2.22 when all things messed up so fast.

  • @hundsim
    @hundsim ปีที่แล้ว

    Why so fast? It takes three times as long to watch due to all needed pausing/rewind 😅

  • @WaltonSigrid-q2b
    @WaltonSigrid-q2b 4 หลายเดือนก่อน

    Rempel Ranch

  • @WCKDStudio
    @WCKDStudio ปีที่แล้ว

    You have great content, that's why I subscribed, but I find it difficult to follow the video.

  • @nabinsaud4688
    @nabinsaud4688 ปีที่แล้ว

    Github link

  • @chrisalexthomas
    @chrisalexthomas ปีที่แล้ว

    Typical british, you're gonna take a cup of tea and chill out ;) nicely done, but grommit? where are the crackers?

  • @GdeVseSvobodnyeNiki
    @GdeVseSvobodnyeNiki 11 หลายเดือนก่อน

    Fuck zod, all my homies use io-ts!

  • @clarkdnro
    @clarkdnro ปีที่แล้ว

    Surely you know Rap God by Eminem, you TS God by YOu

  • @ElmachitoSilbateador
    @ElmachitoSilbateador ปีที่แล้ว +1

    Too fast could understand

  • @HeatherSears-m4b
    @HeatherSears-m4b 4 หลายเดือนก่อน

    Rolfson Center

  • @crizo23
    @crizo23 ปีที่แล้ว +1

    Love the content but for me it’s just not consumable. I cannot follow what you’re doing. Too many cuts. Taking too fast. Too many quick transitions. Even pausing, thinking, resuming video doesn’t work for me. Is it just me?

  • @dawid_dahl
    @dawid_dahl ปีที่แล้ว

    Went too fast for my taste. But thank you for the video!

  • @mayankjain6440
    @mayankjain6440 ปีที่แล้ว

    Hey Matt, I like the content, it is very informative but it could be better if pace of the explanation, flow of the code would have been taken care of! Hope you'll consider feedback and will deliver such nice content ahead!

    • @mattpocockuk
      @mattpocockuk  ปีที่แล้ว

      Agree! Hopefully my later content is better.

  • @johnjohn7023
    @johnjohn7023 ปีที่แล้ว

    this is too fast. my head is spinning now. no joke.

  • @edgeeffect
    @edgeeffect ปีที่แล้ว

    This one's a bit TOO fast.

  • @EugeneAlexander-u4y
    @EugeneAlexander-u4y 4 หลายเดือนก่อน

    Bosco Hills

  • @int-64
    @int-64 ปีที่แล้ว

    zoom out a little and do not cut in between it so hard to follow

  • @JEsterCW
    @JEsterCW ปีที่แล้ว

    Too hard to follow honestly I only understood first half, but the express part i had no idea what was going on xD. I love you and your content, but there's some work to do about the editing etc yet ;D

  • @simonthiboutot8855
    @simonthiboutot8855 ปีที่แล้ว

    Damn, my head is spinning, too much information too fast haha. Great content though 👌

  • @TimothySmithDev
    @TimothySmithDev ปีที่แล้ว

    Matt, I️ love your videos and maybe it’s just me but you seem to move way too fast. I️ can understand your perfectly but I’m constantly pausing and rewinding. Other than that, your awesome. Keep it up!

  • @alexodan
    @alexodan ปีที่แล้ว

    I love u lol
    p.s. I NEED A BIGGER LIKE BUTTON

  • @warrenlayson2514
    @warrenlayson2514 ปีที่แล้ว

    But our senior devs are either too bland or lazy for innovations

  • @quintencabo
    @quintencabo ปีที่แล้ว

    The information was great but it was a bit quick. I think if this was a 6 minute video it would have been more useful.

  • @reverser41
    @reverser41 ปีที่แล้ว +2

    Slow down.

  • @ThatRobHuman
    @ThatRobHuman ปีที่แล้ว

    I'm sorry man, I *really* tried, but I feel like this video is like drinking from a firehose, to the point where I couldn't even pause fast enough. and it's *really* hard to follow what is going on. plus, there's not even any kind of code or github repo in the description so one can try to find their own context, which is a shame because the express/zod pattern is *exactly* what I'm hoping to use, and this is not helpful.

  • @thefrey9588
    @thefrey9588 ปีที่แล้ว

    please slow down or just type out the changes you make.

  • @gantamk
    @gantamk 6 หลายเดือนก่อน

    Video is too fast. No sentence breaks, very difficult to follow.

  • @gabrieldacunha4802
    @gabrieldacunha4802 ปีที่แล้ว

    Liked
    Subscribed

  • @froxx93
    @froxx93 ปีที่แล้ว

    I know a lot your videos like this are intentionally just scratching the surface of a topic, and are at least partially meant to refer people to your full guides, but I'd still recommend slowing down a little on the info-per-time-ratio. Even for me, who knows most of the things you talked about in this vid, it was pretty hard to follow.