TYPESCRIPT vs JAVASCRIPT | Which one to Choose? | GeeksforGeeks

so hey everyone and welcome back to our Channel today we are going to dive into a comparison between typescript and JavaScript so we are going to explore their key differences benefits and use cases if you are a beginner or you are someone who wants to learn web development can definitely watch this video so let's get started so guys typescript and JavaScript are closely related with typescript being a super set of JavaScript that adds static typing and other Fe features to JavaScript here are some key differences and consideration which you must know number one typing and safety so typescript offers static typing which can catch type related errors add the compile time and provides better tooling support for code navigation and refactoring this can be particularly beneficial for large code bases and collaborative development JavaScript on on the other hand is dynamically typed allowing for more flexibility but potentially leading to runtime errors that may be harder to catch during the development number two ecosystem and community so JavaScript has been the language of the web development for many years and has a vast ecosystem with numerous libraries and Frameworks this popularity ensures a large and active Community making it easier to find solutions to problems and resources for learning typescript on the other hand has been gaining popularity steadily and many JavaScript libraries and Frameworks now include typescript typings the community of the typescript is also growing and it has become a popular choice for larger projects but obviously JavaScript has a bigger Community number three development experience so typescript often provides a better development experience due to features and Auto completion type checking and improved code navigation in modern IDs on the other hand JavaScript tooling has improved significantly throughout these years with the introduction of tools like Babel eslin and improved support in editors number four compatibility so typescript can be gradually adopted into an existing JavaScript project as typescript is a super set of JavaScript you can incrementally add type to your JavaScript codes to make it similar as same as to a typescript code you can incrementally add types to your JavaScript code base on the other hand JavaScript code is fully compatible with typescript but you won't immediately benefit from static typing unless you add typescript features number five language features so typescript introduces additional language features Beyond static typing such as interfaces enums and advanced type system compati abilities in typescript these features enhance code reusability readability and expensiveness and maintenance so in 2024 the landscape is evolved and in recent years the community of typescript is also going although there is a big debate between developers that JavaScript is good or typescript is good but I would say as a beginer you must go for JavaScript and gradually you can learn typescript then after that depending on your project if you have a very large project you must always go for typescript because it provides type safety so you would get less errors and your code would be really fast and if I talk about JavaScript if you have a very basic code and if you are a beginner then you can go for JavaScript now and now guys on my screen you can see on the left side I have the code for JavaScript and on the right side you can see have the code for typescript so in the JavaScript you can easily see that we basically have a function named as greet and inside this we are just providing parameters and it's returning a string and below that we have where result equals greet and inside that I just provided a string that is world and it's printing that result that means it's going to print hello world right so you can see this is a simple JavaScript code simple JavaScript function but if I had to write the same code in typescript so on the right side you can see that when I provide parameter to the function that is name parameter to the function you can see there I have written colon string so this is a types script syntax where you provide the type safety you have provided string type and after those brackets we have one more colon string that means after greet um the name and string after that we have one more string it simply means that the return return type of the function is also a string right you can see that the function is going to return return hello and world something like that okay so the return return type is also a string return return type is also a sentence or a word or a character it's a string so we have have just mentioned type safety and this is a very basic example guys which actually tells us that the function would return a string and function would take string as an input as a parameter right and after that also you can see we have written let result colon string that simply means that the type of value which result variable is going to store is obviously a string because you can see greed world would simply return what it's going to return a string so I've simply said that return would be string so result the result would also be a string so I mentioned let result string equals GRE World okay that means we going to have a string stored inside the result variable so in all these cases you can see in the typescript part we have mentioned the type of those variable or the function or what the function is going to return or what kind of parameter the function is going to take this is the code example for typescript so on an average you would see in most cases the typescript code and and the JavaScript code almost looks similar because typescript is again similar you can say modified version of JavaScript so Guys these type annotations in typescript are optional and typescript can infer types in many cases however adding explicit type annotations like colon string can provide better documentation and enable the typescript compiler to catch potential type related errors during development in JavaScript you don't have these type annotation and the language is dynamically typed meaning that the type of these variables are determined in the run time remember typescript is designed to be the superet of JavaScript so you can gradually introduce typescript features to your existing JavaScript code so as per need you can actually add typescript to your JavaScript code whatever project you have created suppose you have created a project in reactjs you can later on add typescript to the same reactjs code okay so if you have an existing JavaScript code set cpit you can gradually use it as in typescript without adding typ anotation immediately right so Guys these were some basic differences between typescript and JavaScript a general difference between these two now if you are a beginner I would always recommend that you would go for JavaScript first then after that I would say that if you are making big projects and there you need to make sure that means for example there's a variable named as result and it must always contain a string value it must never container number value or if I give you a better example suppose if you are taking a form okay if you are making a form and suppose in that you have a phone number field so phone number is always a type of number right it's always a sequence of numbers it's not a string so you can add type safety there right you can say that the type of value which phone number is going to store is colon number that means always a number it would never store a string so it would always save us from potential errors in future right so for large projects typescript is a good tool to use for small projects for beginner level projects you can go for JavaScript so that's it for today guys I hope you understand the difference between typescript and JavaScript and in 2024 you can first of all go with JavaScript learn the complete JavaScript then you can start typescript and use typescript for the same projects and bigger projects so I hope you understood this video and I will see you in the next one if you have any topics in future if you want videos on that so you can mention that in the comment section I will see you in the next one till then so a good day bye-bye