怎麼開始

強烈建議在你的專案中使用反應原生的 ESLint。ESLint 是使用社群提供的特定規則進行程式碼驗證的工具。

對於 react-native,你可以使用規則集來進行 javascript,react 和 react-native。

常見的 ESLint 規則以及 javascript 的動機和解釋,你可以在這裡找到: https//github.com/eslint/eslint/tree/master/docs/rules 。你可以通過將 .eslintr.json 新增到’extends’節點’eslint:recommended’來簡單地從 ESLint 開發人員新增就緒規則集。 (extends:[“eslint:recommended”])有關 ESLint 配置的更多資訊,請參閱此處: http ://eslint.org/docs/developer-guide/development-environment。建議閱讀有關這個​​非常有用的工具的完整文件。

接下來,你可以在此處找到有關 ES Lint react 外掛規則的完整文件: https//github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules 。重要提示:並非所有來自反應的規則都與反應原生相關。例如:react / display-name 和 react / no-unknown-property。對於 react-native 上的每個專案,另一個規則是必須擁有,例如 react / jsx-no-bind 和 react / jsx-key。

選擇自己的規則集要非常小心。

最後,有一個外掛顯示為 react-native: https//github.com/intellicode/eslint-plugin-react-native 注意:如果你將樣式拆分為單獨的檔案,則規則 react-native / no-inline-樣式不起作用。

為了在 react-native env 中正確使用此工具,你可能需要在配置中將值或’env’設定為:env:{browser:true,es6:true,amd:true} ,

ESLint 是開發高質量產品的關鍵工具。