React Native Snippets for VS Code

Extension provides useful React/React Native snippets that will improve your developer experience.

✨ List of supported snippets

🗂️ React Native Components

React Native Functional Component with export, rnf→

import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Text, View } from 'react-native';
import PropTypes from 'prop-types';

export function $1(props) {
  return (
    <View>
        <Text>$1</Text>
    </View>
  );
}

$1.propTypes = {
};

$1.defaultProps = {
};

React Native Functional Component with default export, rnfd→

import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Text, View } from 'react-native';
import PropTypes from 'prop-types';

export default function $1(props) {
  return (
    <View>
        <Text>$1</Text>
    </View>
  );
}

$1.propTypes = {
};

$1.defaultProps = {
};

React Native Functional Component with React.memo default export, rnfm→

import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { Text, View } from 'react-native';
import PropTypes from 'prop-types';

export function $1(props) {
  return (
    <View>
        <Text>$1</Text>
    </View>
  );
}

$1.propTypes = {
};

$1.defaultProps = {
};

export default React.memo($1);

📔 React Redux

rdxi→

import { useDispatch, useSelector } from 'react-redux';

📄 Hooks

🗂️ PropTypes

⚡ JavaScript