This is a CFP for ReactiveConf 2017's open call for Lightning talks. If you'd like to see this talk become a reality, please ⭐ star this gist. #ReactiveConf
import React, { Suspense, useState } from "react"; | |
import { unstable_createResource as createResource } from "react-cache"; | |
import { | |
Autocomplete as Combobox, | |
Input as ComboboxInput, | |
List as ComboboxList, | |
Option as ComboboxOption | |
} from "./Combobox"; | |
function App({ tabIndex, navigate }) { |
.table-list-triage { | |
display: none; | |
} | |
.triage-mode .table-list-non-triage, .triage-mode .table-list-filters { | |
display: none; | |
} | |
.boxed-group-list>li.approved .btn-sm, .boxed-group-list>li.rejected .btn-sm { | |
display: none; | |
} | |
.repo-list .participation-graph.disabled { |
/** | |
* Copyright 2018 Google LLC | |
* | |
* Licensed under the Apache License, Version 2.0 (the "License"); you may not | |
* use this file except in compliance with the License. You may obtain a copy of | |
* the License at | |
* | |
* http://www.apache.org/licenses/LICENSE-2.0 | |
* | |
* Unless required by applicable law or agreed to in writing, software |
// I'm suggesting we add a new "adopt X from <Y />" syntax to the JSX language | |
// it would de-sugar to render prop children, but look and read better than | |
// what we currently have. For example: | |
// 1. | |
// this sugar | |
function MyComponent(props) { | |
adopt foo from <Bar />; | |
return <div>{foo}</div>; | |
} |
// get all tweets from @prisma | |
from:prisma | |
// tweets between two accounts | |
from:ryanchenkie to:chris__sev | |
// tweets by a hashtag but only with images | |
#InaugurationDay filter:images | |
// keywords by people on a specific list |
let UserContext = React.createContext(); | |
class App extends React.Component { | |
state = { | |
user: null, | |
setUser: user => { | |
this.setState({ user }); | |
} | |
}; |
import React, { Children } from 'react' | |
import Router from 'next/router' | |
import smoothScroll from '../utils/smoothScroll' | |
// this HOC is taken from https://github.com/zeit/next.js/blob/master/lib/link.js and modified | |
export default class LinkSmoothScroll extends React.Component { | |
constructor (props) { | |
super(props) | |
this.linkClicked = this.linkClicked.bind(this) | |
} |
The first post has been published: https://www.swyx.io/writing/cloud-distros
The second post has been adapted for Temporal: https://www.swyx.io/why-temporal/
these are bullet points of a blogpost on a topic i know very little about but i feel like there is something there that is happening as we speak
https://twitter.com/snookca/status/1073299331262889984?s=21
“In what way is JS any more maintainable than CSS? How does writing CSS in JS make it any more maintainable?”
Happy to chat about this. There’s an obvious disclaimer that there’s a cost to css-in-js solutions, but that cost is paid specifically for the benefits it brings; as such it’s useful for some usecases, and not meant as a replacement for all workflows.
(These conversations always get heated on twitter, so please believe that I’m here to converse, not to convince. In return, I promise to listen to you too and change my opinions; I’ve had mad respect for you for years and would consider your feedback a gift. Also, some of the stuff I’m writing might seem obvious to you; I’m not trying to tell you if all people of some of the details, but it might be useful to someone else who bumps into this who doesn’t have context)
So the big deal about css-in-js (cij) is selectors.