tatsushitoji

{
 "version": 3,
 "folders": [
  {
   "name": "PR badge",
   "info": "markdown badge for PR",
   "snippets": [
    {
     "name": "badge - must",
     "shortcut": "/must",

tatsushitoji

const Conatiner = compose<InnerProps, OutterProps>(
  connect(
    mapStateToProps,
    mapDispatchToProps,
  ),
  getDerivedStateFromProps<Props>((nextProps, prevState) => {
    // write somthing 
    return nextProps;
  }),
)(LoginComponent);

tatsushitoji

query {
  viewer {
    login
    name
    starredRepositories(first: 5, orderBy: {field: STARRED_AT, direction: DESC }, after: "before_cursor" ) {
      edges {
        cursor
        node {
          id
          name

tatsushitoji

type DerivedStateFromPropsFunction<TProps, TState> = (
  props: TProps,
  state: TState,
) => TState | void;

const getDerivedStateFromProps = <T extends {}>(
  f: DerivedStateFromPropsFunction<T, T | {}>,
) => (BaseComponent: React.ComponentType<T>) => {
  class EnhancedComponent extends React.Component<T> {
    state = {};

tatsushitoji

/* *********************************** 
 * easing
 * ベジェの値を数値化した変数
 *********************************** */

// Default
$linear : cubic-bezier(0.250, 0.250, 0.750, 0.750)
$ease : cubic-bezier(0.250, 0.100, 0.250, 1.000)
$ease-in : cubic-bezier(0.420, 0.000, 1.000, 1.000)
$ease-out : cubic-bezier(0.000, 0.000, 0.580, 1.000)

tatsushitoji

const fizzBuzz = x =>
  x % (3 * 5) === 0 && 'fizzbuzz' || x % 5 === 0 && 'buzz' || x % 3 === 0 && 'fizz' || x;
Array.from([...Array(100).keys()], x => fizzBuzz(x + 1));