![[JavaScript] Array.prototype.findIndex() 檢查陣列元素](https://s3-ap-northeast-1.amazonaws.com/zwh.zone/2017/09/javascript.png)
[JavaScript] Array.prototype.findIndex() 檢查陣列元素
findIndex() 的 方法，其實跟我之前提到的 indexOf
[http://skyroxas.tw/javascript-array-indexof-%E6%AA%A2%E6%9F%A5-%E9%99%A3%E5%88%97-array-%E5%85%83%E7%B4%A0/]
的方法雷同
都是用來比對 陣列(Array) 的 元素，
javascript
![[JavaScript] 維持 JavaScipt 代碼品質的神器 ESLint (基本使用)](https://s3-ap-northeast-1.amazonaws.com/zwh.zone/2017/12/U1MjMQb9RwuOBHQPugFt_tumblr_o2yceixL2Q1rd3dk2o2_1280.jpg)
[JavaScript] 維持 JavaScipt 代碼品質的神器 ESLint (基本使用)
代碼的品質 的好壞，是會嚴重影響到 後續開發 維護成本 的
而 JavaScript 又是一個十分靈活的語言，但因為其 靈活 的特性，也偷偷埋下了不少的地雷
所以我們往往在撰寫 JavaScrip 代碼的同時，會去定義一些關於 JavaScript 代碼的規範，以維持代碼的 可讀性 和減少一些 非預期 的錯誤
尤其是一整個團隊在進行開發的時候，更需要大家共同維持 代碼的規範
但問題來了～
> 我們總不能都用 肉眼盯著看 來檢查我們的 代碼是否有維持我們所定義的規範吧
![[React] JSX 的語法介紹](https://s3-ap-northeast-1.amazonaws.com/zwh.zone/2017/10/addthis-react-flux-javascript-scaling.png)
[React] JSX 的語法介紹
在前一篇文章 [React Js] JSX 與 Babel 簡介 [https://goo.gl/sKd7wg] 中我們有提到關於 JSX 的作用，與使用
Babel 來編譯 JSX 的語法
這篇文章將對 JSX 的語法進行紀錄和說明：
> 建議在閱讀此篇文章之前，要先有些 React 的觀念，並有初步對 JSX 有認識
--------------------------------------------------------------------------------
首先先讓我們再複習一次，什麼是
[React Js] JSX 與 Babel 簡介
JSX 主要使用於 簡化 React 的 React.createElement() 的方法，實際範例如下：
React.createElement() 寫法：
React.createComponent('h1',null,'我是標題')；
JSX 寫法：
<h1>我是標題</h1>
但是在每個 主流 瀏覽器中，
[React Js] React 入門 ：組件 ( Component ) 的 狀態 ( state ) 與 setState()
組件(component) 的 狀態(state)，為 React 組件(component) 中可以自己自訂的一個物件。
當 state 這個物件有變化時，React 就會自動 重新 渲染，當前的 React Element
> 簡單來說當 React 偵測 到 state 的這個物件的資料有變化時，就會自動在前端上，重新 繪製 當前的物件，達到 更新