React - eddychang.me

Atom打造開發React的環境 - 簡介與套件


前言

本文說明了使用Atom打造開發React時使用的開發工具。Atom需要安裝不少套件才能使用,它並不是一個軟體就完全滿足所有需求的軟體,本文的目的是提供一些安裝與設定的經驗。另外,某些套件也需要進一步設定,尤其是某些特殊使用的軟體,需要另外搭配Node.js才能正常使用。

Flux - 為React打造的單向資料流架構


這篇文章中沒有半行程式碼,也不需要解說程式碼,只是講一些Flux架構的概念與技術重點。Flux的架構基本上是基於React特性設計而來的一種解決方案,它是React應用要進行規模化的必經之路。這篇文章希望提供一些個人的心得見解,供作網友們參考。

React Native入門問題與解答


這些問題可能是在學習React Native之前會產生的,在這裡分享一些解答給有興趣投入的開發者參考。

React使用ES6 Class


在React官方的文件中,你是不容易找到使用ES6 Class的方式,來定義React元件的教學或指引。這是一個特別的情況,是官方不認同這樣的作法,還是官方並不建議這樣的作法?

React常見問答集整理


前言

整理幾個常問的問題與解答,參考資源均來自網路上,如有建議或誤解請再指正。

2016/3/21更新其中的一些說明,並加上Github庫的連結。

React的野望


看到最近React在Github上已經超過5萬個星,這個趨勢應該是銳不可擋了,未來的React發展是如何,相信有很多使用者非常關心,以下的內容是從最近的在網路上看到的文章與影片來看幾個React未來的發展。

Sublime Text 3打造開發React的環境


前言

本文是設置Sublime Text 3如何打造一個開發React的環境。主要提供了幾個功能:

  • 語法高亮度顯示
  • 語法檢查
  • 程式片段(Snippets)
  • 自動完成代碼

不過缺少了一些功能,例如HTML轉換JSX之類的,目前沒有看到有可以使用的這些外掛。就加減使用了。

2016/1/29 加上自動完成套件和(Zen Coding)Emmet支援JSX的說明

中文輸入法與React文字輸入框的問題與解決方案


問題來源是來自這個React官方儲存庫的issue #3926,與這個議題關聯的有很多其他的issue,來自許多專案,有些是與React相關,有些則是vue或其它JS套件。也已經有其他的專案是專注於解決這個問題,例如react-composition,不過它是一個使用ES5語法的React元件。在其他的討論區上也有類似的問題與解答。本文的目的是希望能針對這個問題提供一些說明、現在暫時性的解決方案。

何為與為何React


React 是什麼

一個當紅的名詞 - "React 一套用於建立使用者介面的Javascript函式庫"。

沖著Facebook響亮的招牌,很多人好奇這是什麼東西?函式庫?有什麼新功能?用在什麼地方?

網路上談及React的新聞與教學如雨後春筍般紛紛出現,但很多並未在真正的重點說明,有可能只是一小段程式碼的試作,有的是某個應用的教學,有的則是談談其中的一些功能特色。

這篇文章,主要在談論React是個什麼東西,也是對我內心的許多問題的解答追尋,把它摘錄與寫下來。這篇文章裡面沒半行程式碼,也不是在討論程式碼的。

為何說setState方法是異步的


在學習或使用過一陣子React後,你可能會發現一個在setState方法的特性,以下面這個簡單範例來說明:

設定開發React的環境


前言

有很多方式可以設定開發React所需的環境,我把目前的結果摘要放上來,但是有可能現在比較適合,之後會不會改變或還有其他更好的方式,那就不一定了。如果有錯誤或有不詳盡之處,再留言或寫信給我吧。

設定開發React的環境 - React Hot Loader


對照之前的設定開發React的環境文章,經過了一段時間內又有一些新的修改。首先最大的修改部份是原本被棄用的react-hot-loader,現在又復活了,而react-transform-hmr則是被棄用。這兩個用法有一些小差異,本文快速的說明新的樣版文件(boilerplate)的一些設定部份。