Skip to content

Instantly share code, notes, and snippets.

@chantastic
chantastic / super-dumb-thing.js
Created December 21, 2016 22:57
super-dumb-thing
import React, { Children, Component } from 'react';
import ReactDOM from 'react-dom';
class SetOverflowHidden extends Component {
componentDidMount() {
this.previousOverflow = document.body.style.overflow
document.body.style.overflow = "hidden"
}
componentWillUnmount() {
@chantastic
chantastic / PrimaryBtn.jsx
Created July 18, 2016 21:10
PrimaryBtn.jxs
const PrimaryBtn = ({
className,
...props
}) =>
<Btn
className={classNames("btn--primary", className)}
{...props}
/>
<Button type="button" className="btn btn--primary">
<PrimaryBtn>
@chantastic
chantastic / JavaScript-fatigue-reply.markdown
Last active December 29, 2015 05:57
JavaScript Fatigue Reply
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>React 0.14 Boilerplate</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
@chantastic
chantastic / SassMeister-input.scss
Created November 13, 2015 06:04
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
/* fighting bem */
/* a simple todo-list. B, E, no M */
.todo-item { color: #eee }
.todo-item__mark { content: '*' }
@chantastic
chantastic / SassMeister-input.scss
Last active November 13, 2015 06:04
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
/* fighting bem */
/* a simple todo-list. B, E, no M */
.todo-item { color: #eee }
.todo-item__mark { content: '*' }
@chantastic
chantastic / on-jsx.markdown
Last active September 17, 2024 16:40
JSX, a year in

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

@chantastic
chantastic / schedule.markdown
Last active August 29, 2015 14:19
RailsConf 2015

Railsconf 2015

Tuesday

09:30 [202]   KEYNOTE, DHH  
10:30 [L2]    BREAK  
11:00 [202]   Prying Open The Black Box, Godfrey Chan  
11:50         PASS  
12:30 [L3]    EXHIBIT HALL