[Angular2速成班]用Angular CLI節省你的開發時間

Angular CLI是隨著Angular2發展時一併產生的一個指令列工具,一樣基於「習慣取代配置」的優良傳統,我們可以用Angular CLI快速產生開發Angular2程式時所需要的檔案範本,另外也包含了軟體開發生命週期會用到的bundle, lint, unit test, end to end test等功能,也全都包在Angular CLI裡面了,因此透過Angular CLI工具,我們可以大幅節省許多準備檔案的時間!由於之後的Angular2速成班教學中我們也會大量使用Angular CLI來產生相關需要的檔案,因此今天就先來簡單介紹一下Angular CLI這個強大的產生器功能。

...繼續閱讀 »

使用TypeScript2.0撰寫強型別的JavaScript並透過NPM管理定義檔

  • 824
  • 0

TypeScript在美國時間2016/09/22正式推出2.0啦!TypeSciprt 2.0除了推出更多方便的語法之外,個人認為最大的特色就是把原本的d.ts定義檔通通移到npm上去啦。這麼一來我們在專案上就可以省去很多不定要的設定步驟,今天就來介紹一下如何在TypeScript 2.0中使用npm上的定義檔。

...繼續閱讀 »

[React速成班]從TodoList範例學習React(2)-透過實作TodoItems學習props

上一篇文章「[React速成班]從TodoList範例學習React(1)-基本架構」中,我們學到了在React的世界中,一切都是由元件組成的,也在基於這樣概念中把TodoList基本上需要的元件框出來,接下來在這篇文章中我們將實作TodoItems的部分,順便學習React中元件與元件資料傳遞的方法。

除非我們做的都是純靜態的頁面,否則在前端處理資料一定會是一個重要的議題,在React中,對於資料的處理或傳遞有兩個主要的屬性:props和state。而props就是用來作為元件與元件之間傳遞資料的媒介。

...繼續閱讀 »

[React速成班]有錢沒錢,選個編輯器好過年(2)-用Visual Studio Code開發React支援Highlight, IntelliSense

要讓Visual Studio Code開發React的語法highlight不要亂掉,只需要把.js檔改為.jsx檔即可,不過大部分React的範例還是會用.js檔來完成,這樣會造成我們在閱讀別人程式碼時的不便,所以今天就來介紹一下如何用Visual Studio Code開發React時可以在.js檔內開發JSX也不會造成highlight的問題,另外也介紹一下如何讓Visual Studio Code支援React的intellisense

...繼續閱讀 »

[React速成班]有錢沒錢,選個編輯器好過年(1)-介紹篇

俗話說得好,好的IDE帶你上天堂,壞的IDE讓你時程delay住套房。在寫todo list練習之前,先讓我用幾篇文章來介紹一下IDE的部分。React雖然熱門,但畢竟還算是比較新的東西,所以許多常見編輯器或IDE針對React的支援度都還是有限,最常見的問題就是把JSX程式碼存成.js檔時,由於一般都會在裡面插入類似HTML的JSX語法,結果就導致了大部分編輯器語法highlight出錯。不過畢竟React可是當今世上最熱門的library啊,當然許多主流的編輯器還是多少都有支援的。今天就在不要太貪心,只要求語法highlight不要出錯、不管是否有autocomplete、intellisense等其他酷炫功能的條件下,來比較幾款常見的程式編輯器。

...繼續閱讀 »

[React速成班]前言&Hello World!

如果要說2015年最熱門的前端框架,那肯定非React莫屬了!之前看到一篇PTT上的文章「」,作者發表了他個人面試22間公司的心得,其中以可以看到多數的公司現在都開始趨向使用React,其中也有提到一些目前AngularJS的問題,對於已經使用AngularJS一段時間的我來說也頗為感同身受!雖然即將現身(?)的Anular 2會對一些常見的問題進行改善,但跟風學學現在熱門的東西也不是個壞事...所以就決定摸索看看React。
 

...繼續閱讀 »