What Is The Future Of TypeScript?

  • As defined on the TypeScript website:

    TypeScript, created by Microsoft, is a superset of JavaScript that is designed to build large, scalable, enterprise Web applications.

  • Here is a video in which Andres talks about What TypeScript Is.
  • Learn more on TypeScript on C# Corner here >

    Recently, TypeScript got good press when Google announced that it will use TypeScript as a part of its Angular 2 development.

  • Here is a Build video in which Andres talks about the new features of TypeScript.
  • Today, the same guy who created Delphi, Turbo Pascal, and C# is behind TypeScript.

Do you wonder what the of TypeScript look like?
Continue reading “What Is The Future Of TypeScript?”

ReactJS vs AngularJS 2 ultimate performance research 2017

  • Note: Among all the Angular 2 features, the availability of MVC pattern out-of-the-box is a significant advantage over React.
  • Having really straightforward UI for your data, Angular allows you to get the end result with the more intuitive approach to the user interface that demands less code and seems to be more ‘obvious’.
  • However, starting from the second version, Angular developers have fixed that issue transferring its rendering model to the server side.
  • As you know, Angular creates a watcher for every binding in order to track all the changes in DOM.
  • We had a little meeting related to React vs Angular question during which our front-end developers had an opportunity to discuss all the pros and cons of these technologies.

These frameworks take top places in our commercial projects. This month, we analyzed their performance and prepared a guideline for web developers in 2017 aimed to help in solving React vs Angular battle.
Continue reading “ReactJS vs AngularJS 2 ultimate performance research 2017”

GitHub

  • To install, simply run the following:

    To use, simply include the AoT loader as a loader for your TypeScript files.

  • It’ll also act as a TypeScript loader, respecting your configuration inside .
  • Outputted files will be cached in memory, so all the AoT generated files will not leak out into your app source code.
  • The loader will also automatically split out any routes for you that you have defined using , meaning your application will load and compile faster.
  • And may look something like this:

    To use external HTML templates for your components, simply add as the loader for all HTML files:

aot-loader – [BETA/Work In Progress] Ahead-of-Time Compiler for Webpack.
Continue reading “GitHub”

Making your Angular apps fast by thoughtram

  • Rendering 10000 SVG boxes isn’t necessarily a hard nor realistic task, however, it gets quite interesting when each of these boxes need to be draggable, because… well whenever there’s a event being fired, Angular has to perform change detection and rerender what needs to be rerendered.
  • In our article on Change Detection in Angular we talked about how Angular’s change detection strategy enables us to reduce the number of checks Angular has to make when a change in our application happens.
  • Here’s how we set the change detection strategy to :

    To make all inputs immutable, we simply create new references every time we update a box:

    At this point it gets rather hard to notice an actual difference.

  • We touched on that in our article on change detection in Angular as well, but let’s discuss how this is useful in our demo application.
  • The only thing we need to keep in mind is that we only want to detach the change detectors after change detection has been performed for the first time, otherwise we won’t see any boxes.

In this article we discuss tips and tricks to make Angular blazingly fast!
Continue reading “Making your Angular apps fast by thoughtram”

Angular2 Bootstrap DatePicker Tutorial

  • Modify this file for moduleResolution, for intellisense and decorator metadata as shown in following code:

    Step 4: In the project, add a new file of the name systemjs.config.js.

  • This file contains the Person class as shown in the following code:

    Step 6: In the app folder, add a new file of the name app.component.ts with the following code:

    The above code contains Angular 2 component of the name AppComponent.

  • This file will contain bootstrap code for the Angular 2 project as shown in the following code:

    This step imports all the required modules for the application to run e.g. DatepickerModule, FormsModule, etc.

  • To run the application, execute the following command from the command prompt

    This command will start the server on 8080 port as shown in the following image:

    Open the browser and enter the following URL in the address bar:

    You should see the following result:

    The datepicker shows the current month because its onlyCurrentMonth property is set.

  • Download the entire source code for the Angular 2 Datepicker Demo

    Conclusion: The Angular 2 bootstrap DatePicker component is a cool UI element for calendar operations based on dates.

This Angular 2 DatePicker tutorial shows how to use the DatePicker UI element from the Angular 2 bootstrap project.
Continue reading “Angular2 Bootstrap DatePicker Tutorial”

AngularJS AppModule (the Root module)

AngularJS AppModule (the Root module)

  • Add a module to the array when the application requires its features.
  • The statements at the top of the file and the Angular module’s array are unrelated and have completely different jobs.
  • // import 是在最上面,  imports array 是在NG module 下 , 別搞錯了

    There are many ways to bootstrap an application.

  • In the beginning, you will compile the application dynamically with the Just-in-Time (JIT) compiler and you’ll run it in a browser.
  • The recommended place to bootstrap a JIT-compiled browser application is in a separate file in the folder named

Setup 完之後, app 最少要有一個Appmodule, 也稱 the root module. 可以直…
Continue reading “AngularJS AppModule (the Root module)”

ReactJS vs AngularJS 2 ultimate performance research 2017

  • Note: Among all the Angular 2 features, the availability of MVC pattern out-of-the-box is a significant advantage over React.
  • Having really straightforward UI for your data, Angular allows you to get the end result with the more intuitive approach to the user interface that demands less code and seems to be more ‘obvious’.
  • However, starting from the second version, Angular developers have fixed that issue transferring its rendering model to the server side.
  • As you know, Angular creates a watcher for every binding in order to track all the changes in DOM.
  • We had a little meeting related to React vs Angular question during which our front-end developers had an opportunity to discuss all the pros and cons of these technologies.

These frameworks take top places in our commercial projects. This month, we analyzed their performance and prepared a guideline for web developers in 2017 aimed to help in solving React vs Angular battle.
Continue reading “ReactJS vs AngularJS 2 ultimate performance research 2017”