codeocelot

[
  {
    "id":"KLAVIYO-TSHIRT1",
    "title":"Classic Klaviyo T-Shirt 1",
    "link":"https://klaviyogear.myshopify.com/collections/klaviyo-classics/products/short-sleeve-t-shirt-1",
    "description":"Standard issue for all Klaviyos. This t-shirt has the Klaviyo logo on the front and mark diagram on the back.",
    "price":10,
    "image_link":"https://www.klaviyo.com/media/images/examples/products/klaviyo-tshirt-thumbnail.png",
    "categories":["apparel","t-shirt","new-arrival","swag"],
    "inventory_quantity":25,

codeocelot

-- Add the following to your init.lua (or create it if it doesn't exist)

local Keyboard = require "keyboard"

Keyboard:init()

codeocelot

import { useState } from 'react';

function useWhy(deps, id = null, logger = console.log) {
  const [prevDeps, setPrevDeps] = useState(deps);
  let changed = false;
  deps.forEach((d, i) => {
    if (d !== prevDeps[i]) {
      changed = true;
      logger(`Why ${id}: dep ${i} has changed from ${prevDeps[i]} to ${d}`);
    }

codeocelot

import { compose } from 'redux';

const ToUpper = (Component) => ({ text }) => <Component text={text.toUpper()} \>

const WithUnderscores = (Component) => ({ text }) => <Component text={text.split(' ').join('_')} />

export default compose(ToUpper, WithUnderscores);

// use like this

codeocelot

# What the fuck just happened to this file?
git reflog -p --since=yesterday -- $file

# I forgot my branch name.  What am I working on? 
git for-each-ref --sort=-committerdate refs/heads --format='%(HEAD)%(color:yellow)%(refname:short)|%(color:bold green)%(committerdate:relative)|%(color:blue)%(subject)|%(color:magenta)%(authorname)%(color:reset)'|column -ts'|'

codeocelot

import ReactDOM from 'react-dom';
import Post from './Post';

ReactDOM.render(
  <Post postId="1" /> ,
  document.getElementById('root')
)

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
const route = 'https://jsonplaceholder.typicode.com/posts';

class AsyncPostHoC extends React.Component{
  constructor(props){
    super(props);
    this.state = {
      isFetching: true,

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
import AsyncPostHoC from '...';

const PostView = (props) => (
  <div>
    <p>{props.title}</p>
    <p>{props.body}</p>
  </div>
);

codeocelot

import React from 'react';
import PropTypes from 'prop-types';
const route = 'https://jsonplaceholder.typicode.com/posts';

class AsyncPostHoC extends React.Component{
  constructor(props){
    super(props);
    this.state = {};
  }
  

codeocelot

const UppercaseHoC = (WrappedComponent) => class extends React.Component{
  render(){
    return(
      <div style="text-transform: uppercase;">
        <WrappedComponent {...this.props} />
      </div>
    )
  }
}