Skip to content

Instantly share code, notes, and snippets.

Avatar
⚛️
Reconciling

Alexis H. Munsayac lxsmnsyc

⚛️
Reconciling
View GitHub Profile
@lxsmnsyc
lxsmnsyc / ZoomLoader.jsx
Last active Nov 13, 2020
Zoom Loader for Next.js
View ZoomLoader.jsx
import Head from 'next/head';
const CDN_BASE = 'https://cdn.jsdelivr.net/npm/';
const PACKAGE_NAME = '@zoomus/websdk';
const PACKAGE_VERSION = '1.8.1';
const PACKAGE_DIR = `${CDN_BASE}${PACKAGE_NAME}@${PACKAGE_VERSION}`;
const ZOOM_DIR = '/dist/lib';
const AV_DIR = '/av';
const VERSION_PREFIX = '5793_';
@lxsmnsyc
lxsmnsyc / brainfuck-type.ts
Created Nov 30, 2020
Brainfuck-to-JS Compiler using only TypeScript's type system
View brainfuck-type.ts
type Collect<T, O extends string, C extends string, S extends string, R extends any[] = []> =
T extends `${C}${infer Rest}`
? Collect<Rest, Rest, C, S, [any, ...R]>
: `${S}(${R['length']});${Compile<O>}`;
type Compile<T> =
T extends `+${infer Rest}`
? Collect<T, Rest, '+', 'c'>
:
T extends `-${infer Rest}`
View index.md

Preferred CSS/Design

Tailwind

Pros

  • When customizing stick to the design system
  • Small learning curve
  • They have component-based design in mind
  • Upcoming NextJS, built-in Tailwind
@lxsmnsyc
lxsmnsyc / introspection.graphql
Created Apr 29, 2021
Introspection Query for GraphQL
View introspection.graphql
query IntrospectionQuery {
__schema {
queryType {
name
}
mutationType {
name
}
subscriptionType {
name
@lxsmnsyc
lxsmnsyc / example.ts
Last active Sep 3, 2021
createSWRResource
View example.ts
interface SWROptions {
revalidateOnVisibility?: boolean;
revalidateOnNetwork?: boolean;
revalidateOnFocus?: boolean;
}
function createSWRResource<T>(
data: Resource<T>,
refetch: () => void,
options: SWROptions,