怎麼開始
強烈建議在你的專案中使用反應原生的 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 是開發高質量產品的關鍵工具。