Useful Settings for React Native Development

## Extensions

• ES7 React/Redux/GraphQL/React-Native snippets

ES7 React/Redux/GraphQL/React-Native snippets - Visual Studio Marketplace

• Tailwind CSS IntelliSense

Tailwind CSS IntelliSense - Visual Studio Marketplace

• Prettier — Code formatter

Prettier - Code formatter - Visual Studio Marketplace

## Extension Setting

• Open Setting

type

⌘ + ,

or

through GUI:

• Search ‘Format’ and set checked “Format On Save”

• Setting for reading the .prettierrc

• Configure prettier : Require Config in settings
• Open Settings(JSON) and enable tailwind CSS intelligence

"tailwindCSS.experimental.classRegex": ["tw\\('([^')]*)"],

## Install modules

sudo npm i -g yarn
sudo npm i -g expo-cli

• Create a project (the project name is “basics” this time)

expo init basics

cd basics