Skip to content

Instantly share code, notes, and snippets.

@ryanseddon
ryanseddon / urls.txt
Created July 26, 2022 23:35
All the possible URL combinations for https://emoji.supply/kitchen/
View urls.txt
This file has been truncated, but you can view the full file.
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f600/u1f600_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f603/u1f603_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f604/u1f604_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f601/u1f601_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f606/u1f606_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f605/u1f605_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f602/u1f602_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f923/u1f923_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f62d/u1f62d_u2615.png
https://www.gstatic.com/android/keyboard/emojikitchen/20201001/u1f617/u1f617_u2615.png
View refs.jsx
const tooltipRef = React.useRef(null);
const { isVisible, getTooltipProps, getTriggerProps } = useTooltip({
tooltipRef
});
// render
<div
{...getTooltipProps({
ref: tooltipRef
})}
View useTooltip.jsx
<button {...getTriggerProps({ onMouseEnter: e => e.preventDefault() })}>
Trigger
</button>
View TabsContainerClass.jsx
class Tabs extends React.Component {
render() {
return (
<TabsContainer vertical={true}>
{({
selectedItem,
focusedItem,
getTabProps,
getTabListProps,
getTabPanelProps
View rtlTabs.js
const {
selectedItem,
focusedItem,
getTabProps,
getTabListProps,
getTabPanelProps
} = useTabs({ rtl: true });
View verticalTabs.js
const {
selectedItem,
focusedItem,
getTabProps,
getTabListProps,
getTabPanelProps
} = useTabs({ vertical: true });
View getTabProps.jsx
<button {...getTabProps({
item: 'tab 1',
index: 0,
focusRef: React.createRef(null)
})>
tab 1
</button>
View getTabPanelProps.jsx
<div {...getTabPanelProps({ index: 0, item: 'tab 1' })} />
@ryanseddon
ryanseddon / TabHook.js
Created June 18, 2019 00:54
Part of blog post
View TabHook.js
const {
selectedItem,
focusedItem,
getTabProps,
getTabListProps,
getTabPanelProps
} = useTabs();
@ryanseddon
ryanseddon / TabContainer.js
Created June 18, 2019 00:52
Part of a blog post
View TabContainer.js
function TabContainer({ children, render = children, ...options }) {
return render(useTabs(...options);
}