TypeScript TV with Benny
TypeScript TV with Benny
  • Видео 66
  • Просмотров 346 805
Improve Your Code with Mutation Testing 🧟
Mutation testing helps identify weaknesses in your test code. The Stryker Mutator seeds your TypeScript code with defects, and if your tests miss them, it highlights flaws in your testing suite.
*My FREE programming apps:*
- apps.apple.com/app/id659282498
- play.google.com/store/apps/details?id=com.welovecoding.app
*My FREE TypeScript Course:*
- typescript.tv/
Timeline:
00:00 - Introduction to Mutation Testing
01:10 - Setting Up Stryker for TypeScript
04:14 - Understanding Code Mutations
07:50 - Improving Your Test Code with Stryker
09:00 - Supported Mutators in Stryker
10:15 - Detecting Code Timeouts
12:15 - Disabling Stryker Mutants
15:40 - Improving Your Source Code with Stryker
18:00 - Killing Mutan...
Просмотров: 347

Видео

Say goodbye to CommonJS and use ESM! 👋
Просмотров 563Месяц назад
CommonJS was a great invention but nowadays we have something better called ECMAScript Modules (ESM). Learn in this tutorial how to upgrade your TypeScript projects to ESM. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 00:00 - Intro 00:31 - Understanding Scripts an...
Generator Functions will make your code cleaner 🧹
Просмотров 2,7 тыс.Месяц назад
In this TypeScript tutorial, you will learn how to encapsulate your data-fetching functionality in a generator function. This approach will enhance the reusability of your code, as consuming code can simply use for-await to fetch the data. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - type...
Strengthen Your Fetch API Calls with Zod
Просмотров 791Месяц назад
This tutorial shows the correct way to type JSON responses when using the Fetch API. It will also teach you how to save plenty of time and avoid common mistakes when fetching data from a remote server endpoint. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 0:00 - H...
Save time and effort with the Pick Utility Type
Просмотров 3692 месяца назад
The Pick utility type in TypeScript can streamline your business logic and simplify the process of writing tests. By using the Pick utility type, you can supply only the necessary properties for testing purposes. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ #typescript #jav...
How to fix ERR_UNKNOWN_FILE_EXTENSION in #TypeScript
Просмотров 1,6 тыс.4 месяца назад
In this TypeScript tutorial, we will explore different TypeScript loaders, including ts-node, tsx, and tsimp. We will also discuss the differences between loading CommonJS modules and ECMAScript modules in Node v18 and Node v20. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ ...
Migrate from CommonJS to ESM in just 30 seconds!
Просмотров 8306 месяцев назад
This tutorial shows the process of migrating a Node.js package with CommonJS syntax to an ECMAScript Module. It covers importing JSON files and ensuring that code references remain intact. At the end, this tutorial shows TS2ESM, a tool that greatly simplifies the migration process with TypeScript. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?...
How to receive typed results when filtering array elements
Просмотров 2787 месяцев назад
This tutotial shows how to filter arrays in TypeScript while maintaining their value types. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 0:00 - Filter Arrays with TypeScript 1:16 - Writing your own Type Guard 1:50 - What are Type Predicates 2:18 - Problems with Ty...
The TypeScript Rap - Music Video
Просмотров 12 тыс.7 месяцев назад
This rap song is about TypeScript, the best of all programming languages! *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Lyrics: I'm a coder, I'm a hacker But I ain't no slacker I like lines with style That are easy to compile TypeScript, oh TypeScript, A language that's a tr...
Automatically upgrade from CommonJS to ESM with TS2ESM
Просмотров 5988 месяцев назад
Easily migrate your codebase from CommonJS to ECMAScript Modules Syntax with the TS2ESM tool. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 00:00 - Introduction to Modules 00:53 - Set up Node.js to use ESM 01:07 - Module & Module Resolution in TypeScript 01:43 - Fi...
How To Run Android Apps on Windows with WSA & React Native
Просмотров 3,4 тыс.9 месяцев назад
Using the Windows Subsystem for Android (WSA), you have the capability to install Android apps either from the Amazon Appstore or sideload your custom apps using React Native and Expo Go. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 00:00 - What is the Windows Sub...
Fetch paginated data from a REST API like a pro!
Просмотров 1,6 тыс.10 месяцев назад
Learn how to efficiently fetch paginated data from a REST endpoint using TypeScript. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ 🎓 Looking for more tricks? Learn TypeScript here: typescript.tv/ 🎓 Follow Benny on Twitter: bennycode #typescript #javascript #nodejs
TypeChat: The Best of ChatGPT & TypeScript (Tutorial)
Просмотров 2 тыс.11 месяцев назад
In this tutorial, Benny presents TypeChat, where the power of OpenAI and TypeScript comes together. ⚡ With TypeChat, prompt engineering becomes schema engineering, allowing you to get JSON payloads from texts based on your TypeScript schema. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - ty...
Type Inference and Type Annotations in TypeScript
Просмотров 72611 месяцев назад
Discover the power of type annotations and inference in TypeScript. Learn their differences, usage scenarios, and best practices for writing robust code: typescript.tv/hands-on/type-inference-type-annotations-in-typescript/ *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timel...
Any, unknown, never, and void in TypeScript
Просмотров 3,5 тыс.Год назад
This TypeScript tutorial shows the differences between "any" and "unknown", the potential of the "never" type and the essence of "void" in function returns. *My FREE programming apps:* - apps.apple.com/app/id659282498 - play.google.com/store/apps/details?id=com.welovecoding.app *My FREE TypeScript Course:* - typescript.tv/ Timeline: 00:00 Introduction 01:03 The "any" Type 01:55 The "unknown" Ty...
The void operator explained in 1 minute
Просмотров 738Год назад
The void operator explained in 1 minute
Immutability with TypeScript's Const Assertions
Просмотров 765Год назад
Immutability with TypeScript's Const Assertions
Type Narrowing and Type Widening in TypeScript
Просмотров 856Год назад
Type Narrowing and Type Widening in TypeScript
TypeScript Compiler (tsc) configuration in VS Code
Просмотров 1,4 тыс.Год назад
TypeScript Compiler (tsc) configuration in VS Code
Dependency Management and Semantic Versioning
Просмотров 853Год назад
Dependency Management and Semantic Versioning
Installing TypeScript with npm and Node.js
Просмотров 1,7 тыс.Год назад
Installing TypeScript with npm and Node.js
What is TypeScript?
Просмотров 16 тыс.Год назад
What is TypeScript?
How To Remember Tilde and Caret in Lockfiles
Просмотров 1,2 тыс.Год назад
How To Remember Tilde and Caret in Lockfiles
How to catch Axios Errors in TypeScript
Просмотров 3,7 тыс.Год назад
How to catch Axios Errors in TypeScript
Custom Type Guards in TypeScript
Просмотров 994Год назад
Custom Type Guards in TypeScript
Mastering Modules in TypeScript [FULL COURSE]
Просмотров 4,4 тыс.Год назад
Mastering Modules in TypeScript [FULL COURSE]
From CommonJS to ES modules (ESM) in TypeScript
Просмотров 7 тыс.Год назад
From CommonJS to ES modules (ESM) in TypeScript
Simulate Default Exports in CommonJS with TypeScript
Просмотров 583Год назад
Simulate Default Exports in CommonJS with TypeScript
Get to know the VOID operator and VOID type
Просмотров 339Год назад
Get to know the VOID operator and VOID type
Use JavaScript in TypeScript - Discover the Black Magic!
Просмотров 1,9 тыс.Год назад
Use JavaScript in TypeScript - Discover the Black Magic!

Комментарии

  • @TypeScriptTV
    @TypeScriptTV 3 часа назад

    Need a practical example of generators? Check this out: ruclips.net/video/DwRS6f-UzaA/видео.html

  • @nhatkytran3449
    @nhatkytran3449 5 часов назад

    Thanks bro! Keep up the good work.

    • @TypeScriptTV
      @TypeScriptTV 3 часа назад

      Thank you, I will! I also wrote a follow-up tutorial: typescript.tv/hands-on/use-typescript-generators-for-cleaner-programming/

  • @sadhakbj
    @sadhakbj 3 дня назад

    Juat discovered the channel today and instantly fell in love with it. The quality of videos are very high. I love typescript. I myself created one course on node and ts long back. Now i work with go and miss typescript. Your contents help me sharpen my knowledge. Please continue making more and more contents.

    • @TypeScriptTV
      @TypeScriptTV 3 дня назад

      Thank you so much! Where can I see your Node.js & TS tutorial? I am curious! 👀

    • @sadhakbj
      @sadhakbj 2 дня назад

      @@TypeScriptTV i am trying to comment the video link but it seems to be deleted by youtube. I don’t know why.

  • @bijayaprasadkuikel5162
    @bijayaprasadkuikel5162 3 дня назад

    Such an amazing content and just 1.6k views, am I dreaming? It's almost impossible to find such a premium course in the internet. Thank you Benny for this one.

    • @TypeScriptTV
      @TypeScriptTV 3 дня назад

      Thanks for saying this! You can make a difference by spreading the word to your coworkers and coding friends! 😀

  • @guidoperezmoro8331
    @guidoperezmoro8331 4 дня назад

    You're awesome dude

    • @TypeScriptTV
      @TypeScriptTV 3 дня назад

      Haha, thank you! But what about my video? 😅

  • @huzairahmedkhan650
    @huzairahmedkhan650 10 дней назад

    Great explanation Sir, It was much needed.

    • @TypeScriptTV
      @TypeScriptTV 10 дней назад

      Happy that you like it! I also made a cool video about generators: ruclips.net/video/DwRS6f-UzaA/видео.html

  • @TypeScriptTV
    @TypeScriptTV 19 дней назад

    To test changed code at the PR level, check out Stryker's incremental testing feature: stryker-mutator.io/docs/stryker-js/incremental/

  • @user-cm3pm4oh9j
    @user-cm3pm4oh9j 21 день назад

    How can we migrate an existing project with large codebase as I don't want to edit each and every file

    • @TypeScriptTV
      @TypeScriptTV 20 дней назад

      Hey, the best way to do this is using ts2esm: github.com/bennycode/ts2esm

  • @tanveermughal3935
    @tanveermughal3935 Месяц назад

    This was great. these are the challenges you get working in real world. gonna like and subscribe

  • @oblakus
    @oblakus Месяц назад

    Great video! 👍

    • @TypeScriptTV
      @TypeScriptTV 28 дней назад

      Thanks! If you want to migrate your project from CommonJS to ESM, give ts2esm a try: github.com/bennycode/ts2esm

  • @TypeScriptTV
    @TypeScriptTV Месяц назад

    For a mimic of __dirname and __filename, check out "desm" at: github.com/mcollina/desm

    • @TypeScriptTV
      @TypeScriptTV 18 дней назад

      One more reson to switch to ESM -> The CJS build of Vite got deprecated: vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated

  • @nathanbrodin2948
    @nathanbrodin2948 Месяц назад

    Very clear video, thanks!. This could be a great use case for streaming responses then ?

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Absolutely! Here, you can see a streaming case: typescript.tv/hands-on/all-you-need-to-know-about-iterators-and-generators/#case-2-fetching-remote-content

  • @samshek3360
    @samshek3360 Месяц назад

    Man! The way you teach and explain is extremely well taught, explained and organized. I understood everything just by watching 1 time. It's my second video and I am loving your content.

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Great to hear that! I spent many hours working on the structure of this course. Comments like yours help keep me motivated. 💪 Best, Benny

  • @Cowboy-Ben-Alman
    @Cowboy-Ben-Alman Месяц назад

    You could've gone one step further and had the generator yield the individual results so instead of the consuming code iterating over chunks, it would iterate over results.

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Great idea! Thanks for suggesting it. I'll definitely add this approach to my blog. 👍

  • @M_SHEHU
    @M_SHEHU Месяц назад

    Thanks man

  • @TypeScriptTV
    @TypeScriptTV Месяц назад

    Exciting news: Axios now offers a ready-to-use type guard for you! ruclips.net/video/NGSck4aHfeQ/видео.html

  • @noahgsolomon
    @noahgsolomon Месяц назад

    tRPC is great for type safety at the api layer

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Intresting! Do you use it in production?

  • @jeevandza3464
    @jeevandza3464 Месяц назад

    This is good for typescript but if you are using node and you have complex solutions i guess JOI stands at the top and also they are adding TS but not as good as zod.

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Why do you think Joi is better? Zod can be used with NestJS in Node.js apps as well: docs.nestjs.com/pipes#object-schema-validation

  • @silviudinca6501
    @silviudinca6501 Месяц назад

    very nice video, thanks for info

  • @TypeScriptTV
    @TypeScriptTV Месяц назад

    Understanding the importance of tilde and caret pinning: docs.renovatebot.com/dependency-pinning/#tilde-vs-caret

  • @aminarune
    @aminarune Месяц назад

    Great video!

    • @TypeScriptTV
      @TypeScriptTV Месяц назад

      Thank you. I'm very happy the video was helpful.

  • @Zydres_Impaler
    @Zydres_Impaler Месяц назад

    Thanks a lot bro

  • @alanarganaraz5916
    @alanarganaraz5916 Месяц назад

    Can i use test runner to test my own routes? i mean, imagine i have a app.use en my node project, and i want to test my /profile/change-name service, can i use test runner to test that endpoints, instead of fetch another external URL?

  • @jonathanmcgee654
    @jonathanmcgee654 2 месяца назад

    Thank you! 😄

  • @hungryhobbit
    @hungryhobbit 2 месяца назад

    Remove your typings lines, run yarn, add your typings lines back, run yarn again (see 12:23 for more info). There, I saved you 15+ minutes of your life ;) I'd still recommend watching the first few minutes of the video to understand the problem though ... just don't keep watching unless you want to go down a rabbit hole of explanation.

  • @TypeScriptTV
    @TypeScriptTV 2 месяца назад

    By default, running `npm update` will not update the dependencies listed in your `package.json` file. If you also want to update the values in `package.json`, you can run: `npm update --save`.

  • @jervi_sir
    @jervi_sir 2 месяца назад

    i really was looking specifically this one of expo go

    • @TypeScriptTV
      @TypeScriptTV 2 месяца назад

      That's cool. I also recently build an app with Expo Go: apps.apple.com/app/id659282498

  • @garimasingh8530
    @garimasingh8530 2 месяца назад

    Thanks a million

  • @ayushmanchaudhury7349
    @ayushmanchaudhury7349 3 месяца назад

    Can it be used to test api endpoint and middleware?

  • @humaitrix
    @humaitrix 3 месяца назад

    Thank you Benny! Amazing video, not only sharing the solution but explaining why it's the best solution available at the moment! Tks a lot

    • @TypeScriptTV
      @TypeScriptTV 3 месяца назад

      Thank you, Daniel! It's important for me to not only show the "how" but also explain the "why". I try to follow this principle in all my TypeScript tutorials. 😀

  • @leonardogonzalezrodriguez2290
    @leonardogonzalezrodriguez2290 3 месяца назад

    Thank you so much for your explanation, it helped me a lot

  • @AngelHdzMultimedia
    @AngelHdzMultimedia 3 месяца назад

    M$ is ending Windows Subsystem for Android... 😴

    • @TypeScriptTV
      @TypeScriptTV 3 месяца назад

      Thanks for the hint: www.theverge.com/2024/3/5/24091370/microsoft-windows-11-android-apps-end-of-support

    • @AngelHdzMultimedia
      @AngelHdzMultimedia 3 месяца назад

      @@TypeScriptTV my pleasure. It's sad because I was very interested in it. I'm subscribed, good content! Lots of health.

  • @emptytank604
    @emptytank604 3 месяца назад

    Thanks so much for putting this together. Really helped save me so much time trying to figure out how to compile using Typescript + Node v20

  • @beedav9236
    @beedav9236 4 месяца назад

    Can you look into Jest compatibility problems with node js version 20+?

    • @TypeScriptTV
      @TypeScriptTV 3 месяца назад

      I suggest moving from Jest to Vitest (APIs are mostly compatible): github.com/bennycode/ts-node-starter/commit/662dddf92d418d0e1119a04d8f5fe807a7a566f0

  • @beedav9236
    @beedav9236 4 месяца назад

    tsnode does not work with node version 20-21. I started using the tsc compiler directly to transpile to Javascript and then run the generated file with node ./index.js

    • @TypeScriptTV
      @TypeScriptTV 3 дня назад

      Have you tried tsimp instead of ts-node? ruclips.net/video/jn370WEIvjs/видео.html

  • @kevincrowe7832
    @kevincrowe7832 4 месяца назад

    Really appreciate this video. the "rm -rf" command was specifically the problem I was having and I'm happy you brought it up within the first minute or so of the video.

  • @zues121510
    @zues121510 4 месяца назад

    nothing happens at 1:59

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      The Windows Subsystem for Android doesn't start if you click on "Manage developer settings"?

  • @damienbutt6320
    @damienbutt6320 4 месяца назад

    I’ve been using vite-node as my ts-node alternative. Seems to work really well out of the box with ESM. And nodmon etc. No issues.

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      Thanks for sharing this with us. Does it also show you stacktraces when using Node.js v20?

  • @supernova-4420
    @supernova-4420 4 месяца назад

    anybody know how to make .code-workspace files open a wsl workspace?

  • @Calypso694
    @Calypso694 4 месяца назад

    can you use man pages with this and other terminal commands like make,cd,ls, etc etc etc.

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      Yes, you will get a complete Ubuntu terminal environment: apps.microsoft.com/detail/9pdxgncfsczv

  • @adammalec9315
    @adammalec9315 4 месяца назад

    got Aesop Rock 'none shall pass' vibes

  • @sayandedotcom
    @sayandedotcom 4 месяца назад

    how to do it with nodemon "node --loader ts-node/esm && nodemon ./index.ts"

    • @TypeScriptTV
      @TypeScriptTV 3 дня назад

      Will you get type checking when doing this?

  • @seeyou7989
    @seeyou7989 4 месяца назад

    Thanks but what if i have to use nodemon

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      When using nodemon, you can create a "nodemon.json" file in your repository and use the commands in the "exec" section.

  • @TypeScriptTV
    @TypeScriptTV 4 месяца назад

    If you want to run "ts-node" in production with ESM, then use: "tsc --noEmit && node --no-warnings=ExperimentalWarning --loader ts-node/esm/transpile-only src/main.ts" (see github.com/TypeStrong/ts-node/issues/104#issuecomment-1941702624)

  • @sarah12232
    @sarah12232 4 месяца назад

    I'm not getting adb debugging popup... i am doing this on win10 using win10 patched build of wsa

  • @antonioquintero-felizzola5334
    @antonioquintero-felizzola5334 4 месяца назад

    This is easily the most underrated TS channel on RUclips. Thank you for your videos Benny.

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      Thank you! I also think the same. 😅 Btw. I made an app for programmers: apps.apple.com/app/id659282498

  • @tony_diavel
    @tony_diavel 4 месяца назад

    Operator useless but your work is not. ;)

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      Thanks for your support! Btw. I made an app for programmers: apps.apple.com/app/id659282498

  • @cocogoat1029
    @cocogoat1029 4 месяца назад

    I'm trying to learn assembly as a complete beginner to low level programming and every content creator is using some fancy CLI program while using Linux system calls on their program on their tutorials. I would've been more of a nightmare without AI tools.

  • @kaushikkundu
    @kaushikkundu 4 месяца назад

    Cfbr

  • @kaushikkundu
    @kaushikkundu 4 месяца назад

    Nice content

    • @TypeScriptTV
      @TypeScriptTV 4 месяца назад

      Thanks a lot! Comments like yours keep me motivated making more content. 💪