View Subscribe.tsx
/** @jsx jsx */ | |
import { jsx, css } from '@emotion/core' | |
import tw from 'twin.macro' | |
import { Button, Input } from 'systems/Core' | |
export const Subscribe: React.FC = () => { | |
return ( | |
<div css={styles.Root}> | |
<h4>Subscribe to our newsletter</h4> |
View Header.tsx
import React from 'react' | |
import { Link } from 'systems/Core/Link' | |
import css from 'styled-jsx/css' | |
export const Header = () => { | |
return ( | |
<header className="Root"> | |
<img src="/logo.svg" width={100} /> | |
<div className="MainMenu"> | |
<ul className="MenuList"> |
View machine.js
// Available variables: | |
// - Machine | |
// - interpret | |
// - assign | |
// - send | |
// - sendParent | |
// - spawn | |
// - raise | |
// - actions |
View mix.exs
# mix.exs | |
defmodule PhoenixRelaySample.Mixfile do | |
use Mix.Project | |
def project do | |
[app: :phoenix_relay_sample, | |
version: "0.0.1", | |
elixir: "~> 1.2", | |
elixirc_paths: elixirc_paths(Mix.env), | |
compilers: [:phoenix, :gettext] ++ Mix.compilers, |
View useHotkeys.ts
import { useEffect } from 'react' | |
import hotkeys from 'hotkeys-js' | |
export const useHotkeys = (key: string, cb: () => any, inputs?: any[]) => { | |
useEffect(() => { | |
hotkeys(key, cb) | |
return () => hotkeys.unbind(key) | |
}, inputs) | |
} |
View rescss.jsx
import styled from 'react-emotion' | |
import { rescss } from 'rescss' | |
const mq = resprops([ | |
'@media(min-width: 420px)', | |
'@media(min-width: 920px)', | |
'@media(min-width: 1120px)' | |
]) | |
const Text = styled('div')` |
View react-pose.jsx
import React from 'react' | |
import pose from 'react-pose' | |
const AnimatedDiv = pose('div')({ | |
opened: { scale: 1 }, | |
closed: { scale: 2 }, | |
}) | |
export const MyComponent = ({ opened }) => ( | |
<AnimatedDiv state="opened"> |
View cloudSettings
{"lastUpload":"2017-10-26T19:31:38.634Z","extensionVersion":"v2.8.3"} |
View fuse.ts
import { | |
FuseBox, | |
BabelPlugin, | |
QuantumPlugin, | |
WebIndexPlugin, | |
TypeScriptHelpers, | |
Sparky, | |
} from 'fuse-box' | |
import * as path from 'path' |
NewerOlder