Skip to main content

TypeScript Programming Language

ES6 -> let (if multiple ref. change), cons (if no change)
- Use ES6 and ts

# TS:
- all features can be written in compile in js and run.
- TS is not loosly types. It's strict.
Example:
let abc: String;
     abc: 634
Error: type 634 is not assignable to type 'String'.
Example:
 let abc: any; // (data type can be used in abc variable. dont use any all time).

Important:
- npm i typescript g //(to install typescript)
- tsc - h //(help typescript)
- tsc abc.ts //(to run typescript. it now creates abc.js file . equivalent file code)
- tsc -v //(check version)
- ng --version (angular cli info-> angular cli version, node, os)
- overall angular application, we use angular cli. angular cli use webpack (like task runner, module bundler).
-ng equivalent to angular 2, 4, 5, 6

# Task runner -> small task like minify, file concatenate.
# Web pack -> modules bundle and make file


Comments

Post a Comment

Popular posts from this blog

Deploy react app on digitalocean using nginx

Source:  https://www.learnwithjason.dev/blog/deploy-nodejs-ssl-digitalocean/ Source:  https://www.digitalocean.com/community/tutorials/how-to-set-up-nginx-server-blocks-virtual-hosts-on-ubuntu-16-04 Source:  https://www.youtube.com/watch?v=vRrhQwNixlc https://www.youtube.com/watch?v=pyxXCwgWdMw https://dev.to/xarala221/the-easiest-way-to-deploy-a-react-web-application-2l8a 1. Create a new droplet on DigitalOcean. Choose the $5/month option with Ubuntu 16.04.1 x64. Select a region closest to your users. 2. Finally, add your SSH key and ls -la ~/.ssh # This copies the key so you can paste with command + V pbcopy < ~/.ssh/id_rsa.pub # This prints it in the command line for manual copying cat ~/.ssh/id_rsa.pub   3.  Add your SSH key to the droplet Click “Add SSH Key” to save it, then make sure it’s selected, name your droplet, and hit the big “Create” button to get your server online. Your n...
Post a Comment
Read more

Github Tutorial

GitHub brings together the world's largest community of developers to discover, share, and build better software. Delivered through software as a service(SAAS) business model 2008 by linus (Owner: Microsoft)  #Create New Repository in Github New Repository Add Repository Name and description Public / Private, initialize this repo with Read Me Create repository create a new repository on the command line echo "#test" >> README.md git init git add README.md git commit -m "first commit" git remote add origin https://github.com/sinuna/test.git git push -u origin master …or push an existing repository from the command line git remote add origin https://github.com/sinuna/firstRepository.git git push -u origin master …or import code from another repository You can initialize this repository with code from a Subversion, Mercurial, or TFS project. Initialize Repo $ git init Clone Repo $ git clone https://github.com...
Post a Comment
Read more

Wordpress React Theme Development

1) Download wordpress file from https://wordpress.org/download/ 2) Open xampp, wamp or openserver. I will show with xampp server. Also Xampp server recommended too. 3) Add wordpress folder to htdocs folder (for xampp) 4) cd xampp\htdocs\wordpress\wp-content\themes 5) npx create-react-wptheme react_theme 6) cd react_theme/react-src 7) yarn start 8) go to wp-admin dashboard change worpdress theme to react_theme 9) again yarn start 10) yarn build App.js http://localhost/wordpress_react/?rest_route=/wp/v2/posts import React , { Component } from 'react' ; class App extends Component { constructor ( props ){ super ( props ); this . state = { data : [] } } componentDidMount () { return fetch ( `http://localhost/wordpress_react/?rest_route=/wp/v2/posts` ) . then (( response ) => response . json ()) . then (( responseJson ) => { this . setState ({ data : ...
Post a Comment
Read more