mattlo

<script type="text/javascript">
  window.onChipbotReady = () => {
    window.chipBotApi.open();
  }
</script>

mattlo

import React, {Component, Fragment} from 'react';
import PropTypes from 'prop-types';
import {Icon} from '@blueprintjs/core';
import {css, keyframes} from 'emotion';
import classnames from 'classnames';

export const hoverStyle = css`
  &:hover .clipboard-btn {
    visibility: visible;
    opacity: 1;

mattlo

function a(b) {
  console.log(b);
}

a(1234); // 1234
const c = a.bind(null, 5678); // Function a ...
c(); // 5678

mattlo

{
	"id": "8PT597110X687430LKGECATA",
	"create_time": "2013-06-25T21:41:28Z",
	"resource_type": "authorization",
	"event_version": "1.0",
	"event_type": "PAYMENT.AUTHORIZATION.CREATED",
	"summary": "A payment authorization was created",
	"resource": {
		"id": "I-1TJ3GAGG82Y9",
		"state": "Active",

mattlo

Example config for RTE within a Dialog

• rtePlugins enables the CUI registry (cq/ui/rte/core/plugins/PluginRegistry.js)
  • Some plugins are enabled be default, so there's instances online where this section is omitted. You'll need this configuration if you want anything that isn't default. I left some other plugin configurations here that aren't in use.
• uiSettings is a configuration used by CUI
  • Some online resources will note other cui children. inline is the configuration plugin for the inline toolbar mode. fullscreen is the configuration plugin for the full screen toolbar mode. If a plugin isn't enabled, some settings here won't activate.
• Fixed inline mode won't work for 6.0 or 6.1. You'll need 6.2. In 6.3+, this may not work due to CUI2 being introduced. CUI2 may simplify some setup.

mattlo

Playing around with SVG spec

Animated

Since I wanted to reduce JS dependencies to keep the bundle size small, I figured I try this in CSS

Production use caes

Source

https://codepen.io/mattlo/pen/yopewO

mattlo

`${helloWorld}`

const `${helloWorld}`;

mattlo

{user.id ? (
  <div>
    {user.firstName}!
  </div>
) : 'You are not logged in!'}

mattlo

v="4.4.3"
url="https://nodejs.org/dist/v$v/node-v$v-linux-x64.tar.gz"
wget $url
tar -C /usr/local --strip-components 1 -xzf "node-v$v-linux-x64.tar.gz"
ls -l /usr/local/bin/node
ls -l /usr/local/bin/npm

mattlo

import './VideoInfo.scss';
import React from 'react';
import Tabs from '../Tabs/Tabs';
import TabsItem from '../Tabs/TabsItem';

export default class VideoInfo extends React.Component {
  render() {
    return (
      <div>
        <Tabs id="videoInfoTab">