https://github.com/khachornchit/javascript-typescript

JavaScript and TypeScript walk-through about modern syntax, ES5 compatibility, scalability, Babel JavaScript compiler, declaration with let and const, classes and inheritance, template strings, string features, math and number features, new data structures, iterators, generators, promises and asynchronous data, and arrow functions.
https://github.com/khachornchit/javascript-typescript

es2015 es6 es6-javascript javascript

Last synced: 28 days ago
JSON representation

JavaScript and TypeScript walk-through about modern syntax, ES5 compatibility, scalability, Babel JavaScript compiler, declaration with let and const, classes and inheritance, template strings, string features, math and number features, new data structures, iterators, generators, promises and asynchronous data, and arrow functions.

• Host: GitHub
• URL: https://github.com/khachornchit/javascript-typescript
• Owner: khachornchit
• Created: 2017-12-01T16:51:01.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2023-11-17T06:31:16.000Z (about 2 years ago)
• Last Synced: 2025-02-25T03:11:57.477Z (10 months ago)
• Topics: es2015, es6, es6-javascript, javascript
• Language: JavaScript
• Homepage:
• Size: 897 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TypeScript Advantage

## [Static Typing](ts/src/advantage/StaticTyping.ts)

Advantage: TypeScript introduces static typing, allowing developers to specify the type of variables, function

parameters, and return types. This catches type-related errors during development rather than at runtime.

## [Improved Code Maintainability](ts/src/advantage/ImprovedCodeMaintainability.ts)

Advantage: TypeScript enhances code readability and maintainability by providing clear interfaces, classes, and type

annotations. This makes it easier for developers to understand and maintain large codebases.

## Code Predictability

Advantage: With TypeScript's static typing, the IDE can provide better code suggestions and catch potential issues as

you type, leading to more predictable behavior.

## Enhanced Tooling and IDE Support

Advantage: TypeScript integrates well with popular IDEs, providing intelligent code completion, refactoring tools, and

better navigation, making development more efficient.

## [Early Error Detection](ts/src/advantage/EarlyErrorDetection.ts)

Advantage: TypeScript catches errors at compile-time, reducing the chances of runtime errors. This results in more

robust and reliable code.

## [ES6+ Features](ts/src/advantage/ES6Features.ts)

Advantage: TypeScript supports the latest ECMAScript features, allowing developers to use modern JavaScript features

before they are supported in all browsers.

## [Code Documentation with JSDoc](ts/src/advantage/CodeDocumentationWithJSDoc.ts)

Advantage: TypeScript supports JSDoc comments for documenting code. This makes it easier to generate documentation and

helps other developers understand the purpose and usage of functions and classes.

## [Compatibility with JavaScript](ts/src/advantage/CompatibilityWithJavaScript.ts)

Advantage: Existing JavaScript code can be gradually migrated to TypeScript. TypeScript is a superset of JavaScript, so

valid JavaScript code is also valid TypeScript code.

# TypeScript Microservices

TypeScript can be particularly beneficial in a microservices architecture with an event-driven approach. Here are some

advantages and examples related to microservices and event-driven architecture

## [Type-Safe Communication Between Microservices](ts/src/microservices/TypeSafeCommunicationBetweenMicroservices.ts)

Advantage: In a microservices architecture, services often communicate with each other through APIs or message queues.

TypeScript allows you to define clear interfaces for these interactions, ensuring type safety during communication.

## [Event Emitters and Handlers](ts/src/microservices/EventEmitterAndHandlers.ts)

Advantage: TypeScript's static typing is beneficial when working with events in an event-driven architecture. You can

define event types, ensuring that event emitters and handlers are aligned in terms of data structure.

## [Code Consistency Across Microservices](ts/src/microservices/CodeConsistencyAcrossMicroservices.ts)

Advantage: TypeScript promotes code consistency, making it easier to maintain and understand the interactions between

microservices. This is crucial in a distributed system where services may be developed and maintained independently.

## [Service Discovery and Contract-First Development](ts/src/microservices/ServiceDiscoveryAndContractFirstDevelopment.ts)

Advantage: TypeScript facilitates contract-first development, where service contracts (interfaces) are defined before

implementation. This can be useful in service discovery and integration testing.

## [Clear Code Documentation for Events](ts/src/microservices/ClearCodeDocumentationForEvents.ts)

Advantage: TypeScript's support for JSDoc comments allows you to document events and their payloads clearly. This

documentation is invaluable when working with different microservices teams.

## [Refactoring and Renaming Safely](ts/src/microservices/RefactoringAndRenamingSafely.ts)

Advantage: Refactoring or renaming in a microservices environment can be challenging, but TypeScript helps mitigate

risks. The static type checking ensures that changes are consistent across the codebase.

## [Testability and Mocking](ts/src/microservices/TestabilityAndMocking.ts)

Advantage: TypeScript's type information makes it easier to write unit tests for individual microservices. It also

simplifies the creation of mock services for testing purposes.

# [JavaScript ES6/ES2015](js)

JavaScript ES6/ES2015 about modern syntax, ES5 compatibility, scalability, Babel JavaScript compiler, declaration with

let and const, classes and inheritance, template strings, string features, math and number features, new data

structures, iterators, generators, promises and asynchronous data, and arrow functions.

## Technology Stack

* JavaScript ES6/ES2015

* Babel JavaScript ES6 Compiler

* Webpack

## Overview

* ES5 Compatibility and fix some issues from ES5

* Scalability

* Declaration with let and const

* Destructuring Assignment

* Classes and Inheritance

* Template Strings

* String Features

* Math and Number Features

* New Data Structures

* Iterators

* Generators

* Promises and Asynchronous Data

* Arrow Functions