Typescript for Javascript Developers in 15min

Typescript is a really nice language that adds superpowers to the javascript language and fixes some critical issues and constraints of the whole javascript ecosystem. If you're a javascript developer and always wanted to learn typescript in the simplest way possible in this video we will cover all the basic parts to get started with typescript.
⭐ Timestamps ⭐
00:00 Why Typescript
00:23 Typescript Project Setup
02:16 tsconfig.json
04:13 It's all about typescript interfaces
06:14 Types inside other types
07:26 Use interfaces as object types
08:35 Typescript arrays are awesome!
10:36 Functions are so much better
11:24 Comparing Javascript code to typescript code
13:23 Looking into a real-world app using typescript
🧭 Watch Tutorial on Designing the website on Figma
• I Design a onecolor We...
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
• Create a Modern React ...
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
• Debug React Apps Like ...
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
• Master React Like Pro ...
🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
• Debug React Apps Like ...
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
• Build Login/Register A...
🧭 Introduction to GraphQL with Apollo and React
• Introduction to GraphQ...
🐦 Follow me on Twitter: / ipenywis
💻 Github Profile: github.com/ipenywis
Made with 💗 by Coderone

[@randominternetguy538]

finally, a decent typescript tutorial without all the bs!
Thanks!

[@abdellahabnoune6774]

short and optimized, thank you so much

[@ahmaddynugroho]

clear and to the point. awesome!

[@ohmegatech666]

3:35 dist stands for distribution, not destination

[@jayman1ism]

here is your cookie 🍪

[@Victor-wh9bs]

Super...🔥 we want another full Typescript Project 😍

[@athekosihlubi6133]

Awesome video bro, now of to practice.

[@AhmedAli-zv2gl]

Awesome, Thanks ❤️

[@AfreediZ]

Amazing thanks ❤

[@Victor-gq7ky]

thank you!

[@gordanainic2766]

Nice! can you do React Typescript UI/UX website project with a Login form, Register form and navigation to a different page how is responsible to mobile also.

[@forheuristiclifeksh7836]

6:55 generic

[@CakRama01]

How to know the correct interfaces when we using 3rd party library with bunch of interfaces. for example mongoose? for example what interface for Schema or for Error object in mongoose

[@atulpatil6255]

You installed "npm install -D typescript" but I didn't see you doing "npm install -D ts-node" and "npm install ts-node-dev"

[@tomasburian6550]

So far the hardest thing for me in learning React. I've been through hell and back trying to figure out how to use it with Redux while doing a user login.
If you could do more material on React w/ TS, I'd be grateful.

[@randomutubr222]

These are 2 separate concerns.
React itself is quite simple (if you're already a competent JS developer); it's not much more than a handful of new methods you have to learn (and just how the lifecycle methods operate). One thing I've noticed with a lot of JS beginners (or even people who work with JS professionally but yet still don't have the deepest understanding of the language) who delve into React.... is as they read through the docs, they'll see a lot of things they _think_ is React, when in actuality it's just vanilla ES6+.... so if you have a good understanding of JS itself, then React shouldn't be that much of a stretch.
Redux isn't necessarily hard, but it is a pain in the ass.... simply because of all the boilerplate required to accomplish even simple things. Depending on how complex of an application you're working on, React's Context API can usually do everything you need in a much simpler and more straightforward way....
I've built fairly complex applications for my company that make us a lot of money, just using Context.
If you need to learn Redux for your job, then obviously it is what it is. But Redux isn't an "end all be all" solution that you _have_ to use. In my opinion it's better to understand JS very well, then understand React very well, and then you'll have the tools and knowledge to decide if Redux is appropriate for the architecture of the app you're trying to build. And if have those prerequisites, then it won't be hard for you to learn. I guess my main point is: don't try to learn Redux too early if you don't understand JS and React, or even state management in general, well enough to begin with. Even the Flux pattern is a better starting point for state management imo. And even when you do learn Redux, don't just assume it's the right choice for all, or even most, applications. Front-end architecture and state management is a lot more than just Redux. Learn front-end application architecture in general, and then hone in what is appropriate for your use case.
Just my $0.02 as a front-end engineer who uses React for complex software applications every day professionally, who actively avoids using Redux unless it’s actually appropriate for the situation.

[@theupsider]

@@randomutubr222 valuable comment, thank you.

[@horrid13]

Learn svelte instead. Trust

[@RedStone576]

do js for ts programmers next

[@10F2C]

js is ts but not t

[@tabletuser123]

Nice meme

[@pushtheponds]

Very Good Video! You explained everything so chilled and understandable, you really helped me out bro, thanks.

[@InarusLynx]

What is that accent?

[@hisexcellencykingderp]

you talk way too fast

[@SalimOfShadow]

0.75x then

[@finnegan2741]

Amazing 😲! Get to the top fast - P R O M O S M!!