Reactension 😄

Handpicked set of Snippets for Reactjs and Nodejs.

Features

• There are some usefull snippets for reactjs and much more will come soon.

Purpose

To avoid boilerplate code

Snippet Usage

• arr

const funcName = (props) => {
  $
}

• ret

return $;

• imp

import $ from './$'

• impc

import $ from './components/$'

• expo

export default $;

• rend

render() {
  return(
   $
  );
}

• frcom

import React, { Component } from 'react';
class $ extends Component {
  render() {
    return <div>This is $ component.</div>;
  }
}
export default $;

• rcom

class $ extends Component {
  render() {
    return <div>This is $ component.</div>;
  }
}

• rcon

  constructor(props) {
    super(props);
    this.state = {$};
  }

• reducer

const INITAIL_STATE = {};
export default (state = INITAIL_STATE, acion) => {
  switch (action.type) {
    default:
      return state;
  }
}

• frncom

import React from "react";
import { StyleSheet, Text, View } from "react-native";
class ex extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>This is ex Component!</Text>
      </View>
    );
  }
}
export default ex;
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  }
});

Contribution

If you want to expand this package, file an issue or a PR.

MIT License

Kiran bhalerao

Thank You! ❤️