hedgerh

ES6 Class style React Component Quick Generator Snippet

1. Go to Tools > New Snippetin Sublime Text
2. Paste the code from es6-create-class-component.sublime-snippet
3. Feel free to change tabTriggerto a custom trigger, if you don't like rcc
4. Save it anywhere in Packages/User.
5. Inside of an empty js/jsx file, type the trigger (rcc by default), then press TAB or RETURN, and..

hedgerh

{
  "kind": "stream_item",
  "type": "playlist_repost",
  "created_at": "2014/06/22 22:36:02 +0000",
  "track": null,
  "playlist": {
    "kind": "playlist",
    "id": 40585650,
    "created_at": "2014/06/20 16:22:58 +0000",
    "user_id": 315279,

hedgerh

'use statics';

export default {
  FETCH_ME: 'FETCH_ME',
  FETCH_LIKES: 'FETCH_LIKES',
  FETCH_TRACKS: 'FETCH_TRACKS',
  FETCH_USER: 'FETCH USER'
};

hedgerh

// prefer this
const ExamplePage = () => {
  return (
    <>
      <div>
        <h1>Card 1!</h1>
        <h2>A simple card!</h2>
      </div>

      <div>

hedgerh

import React from 'react';

interface IImage {
  alt: string;
  src: string;
}

interface IGalleryProps {
  images: IImage[]
}

hedgerh

import { call, put, takeLatest } from 'redux-saga/effects'
import client from '../httpClient'

const createAction = (type) => (payload) => ({
  type,
  payload,
})

const http = {
  login: (credentials) => client.post('/login', credentials),

hedgerh

import { call, put, takeLatest } from 'redux-saga/effects'
import { createStandardAction, ActionType, getType } from 'typesafe-actions'
import client from '../httpClient'

interface ILogin {
  email: string;
  password: string;
}

interface IUser {

hedgerh

const foo = 'hello'

hedgerh

import { connect } from "react-redux";
import Dashboard from "./dashboard";
import { ApplicationState } from "../../store";

const mapStateToProps = (state: ApplicationState) => {
    const sessions = sessionsArraySelector(state)
    console.log(sessions)
    return {
        user: state.oidc.user,
        sessions: Object.values(sessions),

hedgerh

import axios from 'axios'

export const http = axios.create({
  baseUrl: 'https://localhost:3000',
  headers: {
    //...
  },
})

http.interceptors.response.use(response => response.data, err => throw new Error(err))