Anuj oyeanuj

Co-Founder, Shuffle

jittarao / Gist Personal Email Template.html

Last active April 12, 2021 08:12

	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="x-apple-disable-message-reformatting"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>Gist</title>

	<style>
	.personal-email {

zhujinxuan / parseHTML.js

Created December 25, 2017 17:27

A naive solution for paste html to slatejs: convert classNames to inline style and wrap everything inside a div

	import mergeStyle from "./mergeStyle/index.js";
	/**
	* A default parseHTML by Slate
	*
	* @param {String} html
	* @return {Object}
	*/
	function slateDOMParser(html) {
	if (typeof DOMParser === "undefined") {
	throw new Error(

vincentriemer / react-image-objectfit-fallback.js

Last active November 15, 2021 17:36

Image React Component with `object-fit` Fallback

	// @flow

	import * as React from "react";
	import getStyleProp from "desandro-get-style-property";

	const supportsObjectFit = !!getStyleProp("objectFit");

	type Props = React.ElementProps<"img">;

	export default class Image extends React.Component<Props> {

zGrav / paste.js

Last active January 7, 2018 06:13



	import Html from 'slate-html-serializer';

	// import React from 'react';
	// import { FunctionTypes } from 'constants/editor/ViewModel';
	// import { Nodes } from 'components/editor';
	import { getEventTransfer } from 'slate-react';
	import { BlockTypes } from 'constants/editor';
	import { Block } from 'slate';

vincentriemer / ResizeObservable.js

Created December 4, 2017 20:15

React Component prototype that provides element query functionality via ResizeObserver

	// @flow

	import * as React from "react";
	import ResizeObserver from "resize-observer-polyfill";
	import invariant from "invariant";

	type Entry = {
	+contentRect: {
	+width: number,
	+height: number

tommoor / CheckboxIcon.js

Created November 16, 2017 05:41

	// @flow
	import React from 'react';
	import Icon from './Icon';
	import type { Props } from './Icon';

	export default function CheckboxIcon({
	checked,
	...rest
	}: Props & { checked: boolean }) {
	return (

superbryntendo / icon.js

Last active December 23, 2022 23:04

	import React from 'react';
	import styled, { css } from 'styled-components';
	import { Tooltip } from '../globals';

	export const InlineSvg = styled.svg`
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

acdlite / Dataloader.js

Last active August 15, 2018 04:36

Idea for Dataloader component

	// The `loader` prop is a Dataloader instance
	// https://github.com/facebook/dataloader
	class Dataloader extends React.Component {
	state = {data: null, isLoaded: false};
	componentWillMount() {
	this.prefetchData(this.props);
	}
	componentWillReceiveProps(nextProps) {
	if (this.props.id !== nextProps.id \|\| this.props.loader !== nextProps.loader) {
	this.setState({isLoaded: false});

selbekk / server.js

Created August 18, 2017 12:39

Super simple server side rendering with React and styled-components

	const express = require('express');

	require('babel-register')({
	ignore: /\/(build\|node_modules\|.svg)\//,
	presets: ['env', 'react-app']
	});

	const universal = require('./universal');

	const app = express();

jorilallo / Flex.js

Created August 17, 2017 20:06

Flexbox component for React

	// @flow
	import React from 'react';
	import styled from 'styled-components';

	type GlobalCssValues = 'initial' \| 'inherit' \| 'unset';

	type WrapValue = 'nowrap' \| 'wrap' \| 'wrap-reverse' \| GlobalCssValues;

	type JustifyValue =
	\| 'center'