"args": ["--target", "ES5",
            "--outDir", "js",
            "--module", "commonjs",
            "--sourceMap",
            "--watch",
             "app.ts"],

 tsc --project ./lib

 {
     "compilerOptions": {
                      "target": "es5",
                      "outDir": "js",
                      "module":"commonjs",
                      "sourceMap":true
     },
     "files": [
             "app.ts",
             "classes.ts"
     ]
}

{
      "compilerOptions": {
                     "target": "es5",
                     "outDir": "js"
      },
      "exclude": [
               "node_modules",
               "lib"
      ]
}

{
         "compilerOptions": {
                  "target": "es5",
                  "outDir": "js",
                  "module": "commonjs",
                  "sourceMap": true,
                  "watch": true
         },
         "files": [
                "app.ts",
                "typings/main.d.ts"
         ]
}

C:\Users\Vahid>dotnet new --list
Templates                                         Short Name               Language          Tags
--------------------------------------------      -------------------      ------------      ----------------------
Blazor Server App                                 blazorserver             [C#]              Web/Blazor
Blazor WebAssembly App                            blazorwasm               [C#]              Web/Blazor/WebAssembly

Use Tailwind CSS with RN for awesome styling!

Use the Google Distance Matrix API to calculate Travel time and Distance (+ Cost!)

Use the Directions Google API for real navigation!

Use Google places API for real navigations!

Use apple & google maps for iOS & Android 

Use React Native Navigation to navigate between screens!

Use React Native Elements to elevate your app design! 

• Productivity and Performance improvements – Visual Studio is more responsive and usable, and projects load faster.
• Improved tooling to profile and understand your applications performance.
• Updated JavaScript and TypeScript tooling, including improved Vue.js and ESLint support, and right-click context menu productivity improvements.
• More C++ productivity improvements in IntelliSense, Code Analysis, and Just My Code debugging.
• Improved performance for Visual Basic integer manipulation.
• Azure Development improvements, including continuous delivery for Azure Functions, better experience managing secrets via Key Vault, and ability to configure Application Insights during initial site creation.
• More Library Manager features for managing Web Projects’ client-side library files.
• Mobile Development improvements such as faster Android incremental builds and inclusion of Xamarin.Essentials to facilitate building native apps. 

• سی شارپ 4، نگاهی به آینده - قسمت سوم

• سه شنبه اصلاح، چهارشنبه سوء استفاده

• راهنمای کامل توابع JQuery و MooTools به صورت CHM

• چه زمانی باید از یک شرکت نرم افزاری رفت

• سازگارترین فونت‌های ممکن برای فارسی نویسی در کامپیوتر

• قابلیت های جدید VB.NET نسخه ی ۱۰: Nullable Optional Parameters

• چگونه پادکست بسازیم؟

• GPG File Encryption

• تازه‌های ASP.Net 4.0

• مزایا و معایب silverlight

• چگونه به ایمیل ارسالی خود تصویر اضافه کنیم؟

• مروری بر نکات قابل توجه HTML5

• برگه تقلب jQuery !

• jTemplates with jQuery

• 30 قالب قابل استفاده سایت ThemeForest.net

• کتابخانه جاوا اسکریپتی برای پردازش تصاویر

• JSON explorer for Firebug

• مشکلات مرورگر opera و سایت‌های مختلف

• افزونه‌های کاربردی فایرفاکس برای طراحان وب

• فایل OPML بیش از 160 وبلاگ طراحی و توسعه وب

• خبرهایی در مورد مایکروسافت و PHP

• Critical SQL Server vulnerability

• لیستی از فایل‌ها و برنامه‌های منتشر شده اخیر مرتبط با SQL server

• چرا Linq از SQL بهتر است.

• استفاده از الگوریتم رمزنگاری AES در سی شارپ

• سمت و سوی تغییرات Windows Workflow

• پایان کار System.DateTime ؟

• پرسش و پاسخ‌هایی در مورد زبان اف شارپ

• کدامیک از روش‌های بررسی خالی بودن مقدار یک رشته در دات نت سریعتر است؟

• از این نوع کلمات و جملات رنجش آور در محیط کار استفاده نکنید!

• راه‌های بهتر کار کردن در خانه

• سخت افزار ارزان است اما برنامه نویس‌ها گران هستند

• چکار کنیم تا آخرین نفری باشیم که از شرکت اخراج می‌شود؟!

• طول و عرض یک برنامه نویس

• نگارش به روز شده کتاب رایگان Data Structures and Algorithms

• TFS 2008 Branching Guide 2.0

• patterns & practices: App Arch Guide 2.0 Knowledge Base

• لیست برترین‌های دنیای وب در سال 2008

• الگوی MVC چیست؟

• آهن بجای کروم! (یک برنامه نویس آلمانی قسمت‌هایی از مرورگر کروم را که در جهت جمع آوری اطلاعات برای گوگل بکار می‌رفته، حذف کرده و مرورگر دیگری به نام آهن را ارائه داده است!)

• مدیریت نگارش‌های مختلف در یک تیم با استفاده از SVN

• بررسی مجوز JavaFX 1.0

• World's Fastest Supercomputers

• تاثیر مثبت بازی‌های کامپیوتری بر روی فعالیت‌های مغزی

import { decorate } from "mobx";

class Count {
  value = 0;
}

decorate(Count, { value: observable });
const count = new Count();

const text = observable({
  value: "Hello world!",
  get uppercase() {
    return this.value.toUpperCase();
  }
});

> create-react-app state-management-with-mobx-part3
> cd state-management-with-mobx-part3
> npm start

> npm install --save mobx

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>MobX Basics, part 3</title>
    <meta charset="UTF-8" />
    <link href="src/styles.css" />
  </head>

  <body>
    <main>
      <input id="text-input" />
      <p id="text-display"></p>
      <p id="text-display-uppercase"></p>
    </main>

    <script src="src/index.js"></script>
  </body>
</html>

import { autorun, computed, observable } from "mobx";

const input = document.getElementById("text-input");
const textDisplay = document.getElementById("text-display");
const loudDisplay = document.getElementById("text-display-uppercase");

class Text {
  @observable value = "Hello World";
  @computed get uppercase() {
    return this.value.toUpperCase();
  }
}

const text = new Text();

input.addEventListener("keyup", event => {
  text.value = event.target.value;
});

autorun(() => {
  input.value = text.value;
  textDisplay.textContent = text.value;
  loudDisplay.textContent = text.uppercase;
});

./src/index.js
SyntaxError: \src\index.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled (8:3):

   6 | 
   7 | class Text {
>  8 |   @observable value = "Hello World";
     |   ^
   9 |   @computed get uppercase() {
  10 |     return this.value.toUpperCase();
  11 |   }

import { observable, computed, action } from "mobx";

class Timer {
  @observable start = Date.now();
  @observable current = Date.now();

  @computed
  get elapsedTime() {
    return this.current - this.start + "milliseconds";
  }

  @action
  tick() {
    this.current = Date.now();
  }
}

import { observable, computed, action, decorate } from "mobx";

class Timer {
  start = Date.now();
  current = Date.now();

  get elapsedTime() {
    return this.current - this.start + "milliseconds";
  }

  tick() {
    this.current = Date.now();
  }
}

decorate(Timer, {
  start: observable,
  current: observable,
  elapsedTime: computed,
  tick: action
});

const Counter = observer(({ count }) => {
  return (
   // ...
  );
});

> create-react-app my-proj1 --typescript

{
  "compilerOptions": {
    // ...
    "experimentalDecorators": true
  }
}

> npm i --save-dev customize-cra react-app-rewired

const {
  override,
  addDecoratorsLegacy,
  disableEsLint
} = require("customize-cra");

module.exports = override(
  // enable legacy decorators babel plugin
  addDecoratorsLegacy(),

  // disable eslint in webpack
  disableEsLint()
);

  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },

{
  "extends": "react-app",
  "parserOptions": {
    "ecmaFeatures": {
      "legacyDecorators": true
    }
  }
}

const {
  override,
  addDecoratorsLegacy,
  useEslintRc
} = require("customize-cra");

module.exports = override(
  addDecoratorsLegacy(),
  useEslintRc(".eslintrc.json")
);

Experimental support for decorators is a feature that is subject to change in a future release.
Set the 'experimentalDecorators' option in your 'tsconfig' or 'jsconfig' to remove this warning.ts(1219)

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

 // periodicals.ts
export interface Periodical {
   issueNumber: number;
}

export class Magazine implements Periodical {
   issueNumber: number;
}

export function GetMagazineByIssueNumber(issue: number): Magazine {
   // retrieve and return a magazine
}

 // periodicals.ts
interface Periodical {
   issueNumber: number;
}

class Magazine implements Periodical {
   issueNumber: number;
}

function GetMagazineByTitle(title: string): Magazine {
   // retrieve and return a magazine
}

export { Periodical, Magazine, GetMagazineByTitle as GetMag}

 // news.ts
import { Magazine, GetMag as GetMagazine} from './periodicals';
let newsMag: Magazine = GetMagazine('Weekly News');

 // kids.ts
import * as mag from './periodicals';

 let kidMag: mag.Magazine= mag.GetMag('Games and Stuff!');

 // movie.ts
export default class{
   title: string;
   director: string;
}

 // kids.ts
import AnimatedMovie from './movie’;
let cartoon = new AnimatedMovie();