Typescript React/Redux Snippets

Contains basic snippets for React components and React-redux components. Get up and running quickly!

Would you like me to add a snippet or contribute? Head over to the repo, or leave a comment on the marketplace page.

---

Overview of available snippets

Snippet	Prefix
Basic react component	tsrc→
Redux container	tsrrc→
Redux container with implemented connect	tsrrci→

---

Basic react component preview

import * as React from "react";

interface IComponentNameProps {};

interface IComponentNameState {};

class ComponentName extends React.Component<IComponentNameProps, IComponentNameState> {
    public render(): JSX.Element {
        return (<span>Body</span>);
    }
}
export default ComponentName;

---

Redux container preview

import * as React from "react";
import { connect } from "react-redux";

interface IComponentNameProps {};

interface IComponentNameState {};

class ComponentName extends React.Component<IComponentNameProps, IComponentNameState> {
    public render(): JSX.Element {
        return (<span>Body</span>);
    }
}

export default connect()(ComponentName);

---

Redux container with implemented connect preview

import * as React from "react";
import { connect } from "react-redux";

interface IComponentNameProps {};

interface IComponentNameState {};

class ComponentName extends React.Component<IComponentNameProps, IComponentNameState> {
    public render(): JSX.Element {
        return (<span>Body</span>);
    }
}

export default connect(
    (state) => ({
        // Map state to props
    }),
    {
        // Map dispatch to props
    })(ComponentName);

---