Skip to content

Boilerplate of React Native app using ESLint (airbnb), Flow and Prettier

Notifications You must be signed in to change notification settings

sumirart/Boilerplate-RN-ESLint-Flow-Prettier

Folders and files

NameName
Last commit message
Last commit date

Latest commit

60f2ef0 · Oct 4, 2019

History

7 Commits
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Jan 6, 2019
Oct 4, 2019
Oct 4, 2019
Jan 6, 2019

Repository files navigation

Boilerplate React Native with ESLint, FLow and Prettier

My standard react native app with pre-configured ESLint, Flow, Prettier, Babel.

Tutorial from: https://medium.com/@sgroff04/configure-eslint-prettier-and-flow-in-vs-code-for-react-development-c9d95db07213

Required Extensions (Using VS Code)

VS Code Settings

Press Ctrl + , (or Cmd + , for Mac), click bracket icon in top right { } and add these code:

"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
"eslint.alwaysShowStatus": true,
"flow.useNPMPackagedFlow": true,
"javascript.validate.enable": false,
"javascript.format.enable": false,
"prettier.eslintIntegration": true,

Installation

  1. Clone project and change folder name
git clone https://github.com/sumirart/Boilerplate-RN-ESLint-Flow-Prettier.git change-folder-name
  1. cd into folder
cd change-folder-name
  1. Download dependencies
npm install

Some notes

  1. Start flow before doing some code (if it doesn't start already)
npm run flow start
  1. Configure '.eslintrc' if you would like to

  2. Add comment '@flow' in top line in every file if you want to use flow

//@flow
  1. Restart VS Code if doens't work

  2. Googling if still doesn't work :P

About

Boilerplate of React Native app using ESLint (airbnb), Flow and Prettier

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published