1- Prettier

Go File → Preferences → Settings

search “Format”

image.png

then search “Default”

image.png

2- React Snippet

install :→

image.png

now you can type “rfce” and you can get the react code. and same goes for the react native

image.png

here we use Snippet from that → RFNES rfnes → to have boilder code

./app/index.jsx

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'

const index = () => {
  return (
    <View>
      <Text>index</Text>
    </View>
  )
}

export default index

const styles = StyleSheet.create({})

3- Install React Dev Tool