iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 9
1
自我挑戰組

轉職道上的萌芽人生 − 自學程式開發ing系列 第 9

Day9- 190925學習筆記 ReactJS(上)

  • 分享至 

  • xImage
  •  

由於最近剛好有機會聆聽前輩介紹 ReactJS ,為了搭上這一波車,決定先撥幾天時間,完成W3C的React Tutorial,將其做個基礎認識。


前言

可重複使用於建立 UI components 的 JS library。

  • react 會先建立一個虛擬的DOM,在其中操作變更後,再與DOM比對後,只將需變動的部分進行變更。
  • 環境基本需求:需安裝 NPM、Node.js、create-react-app
  • React 會使用ES6的功能:Class、箭頭函式、變數(let, const)。
    • 其中需注意箭頭函式的 this ,其沒有函式獨有的this,而是指向該函式所屬於的object。

可使用JSX

  • 可在JS中,直接以 XML 的形式書寫。
  • 可在 HTML 中以 { } 插入JS的內容。(如:{1+1}、{this.name})
  • HTML code 需由單一個 element 包住。
  • 多行的 HTML 由 ( ) 包住。

基本架構

  • ReactDOM.render(內容,目的地),來執行渲染。
    例如:
    ReactDOM.render(<App />, document.getElementById('root'))

上一篇
Day8- 190924學習筆記 CSS Attribute Selectors / Counters / Specificity
下一篇
Day 10- 190926學習筆記 ReactJS(中)
系列文
轉職道上的萌芽人生 − 自學程式開發ing30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言