Skip to content

Instantly share code, notes, and snippets.

@MattyBalaam
MattyBalaam / gist:5d63c6af4774a3c8a47e63658c33f704
Created February 28, 2024 08:53
Remix use loader timestamp to select most recent data
import { json, LoaderFunctionArgs } from "@remix-run/node";
import {
Form,
Link,
useFetcher,
useLoaderData,
useSearchParams,
} from "@remix-run/react";
export const loader = async ({ request }: LoaderFunctionArgs) => {
@MattyBalaam
MattyBalaam / gist:783406116eb859f4bae84bf90ba34ea8
Created February 28, 2024 08:20
Remix: Attempt to get latest data from server with and without updating url in all cases
import { json, LoaderFunctionArgs } from "@remix-run/node";
import {
Form,
Link,
useFetcher,
useLoaderData,
useSearchParams,
} from "@remix-run/react";
import { useEffect, useState } from "react";
import React, { PureComponent } from 'react';
import { createBlockStyleButton } from 'draft-js-buttons';
import TextAlignmentButton from './TextAlignmentButton';
import { TYPES } from 'textAlignment';
export default class Alignment extends PureComponent {
buttons = TYPES.map((type) => {
const Button = createBlockStyleButton({
blockType: type,
key: type,
@MattyBalaam
MattyBalaam / SassMeister-input-HTML.html
Last active August 29, 2015 14:05
Generated by SassMeister.com.
<section class="text">
<h1>2 columns<br>scroll down</h1>
<p class="middle">This text is 2.5 columns. This is to give a guide to how everything should line-up. Vivamus vulputate Curabitur a viverra neque. Fusce eros sem, aliquam sit amet enim scelerisque, sodales ornare urna. Morbi volutpat laoreet dolor id ornare. . Donec turpis metus; tempor ac consectetur nec, viverra in massa. Ut congue lacus et convallis faucibus. Phasellus a finibus orci. Sed aliquet dapibus libero ac efficitur? Phasellus ut ante ac velit bibendum dignissim nullam. </p>
<p class="last">This text is 1 column. Proin pharetra vel orci ut viverra. Proin quis sagittis sem, dictum vulputate justo.</p>
</section>
<section class="carousel">
<div class="left">
<ul>
<li>
@MattyBalaam
MattyBalaam / SassMeister-input-HTML.html
Last active August 29, 2015 14:05
Generated by SassMeister.com.
<section class="text">
<h1>2 columns<br>scroll down</h1>
<p class="middle">This text is 2.5 columns. This is to give a guide to how everything should line-up. Vivamus vulputate Curabitur a viverra neque. Fusce eros sem, aliquam sit amet enim scelerisque, sodales ornare urna. Morbi volutpat laoreet dolor id ornare. . Donec turpis metus; tempor ac consectetur nec, viverra in massa. Ut congue lacus et convallis faucibus. Phasellus a finibus orci. Sed aliquet dapibus libero ac efficitur? Phasellus ut ante ac velit bibendum dignissim nullam. </p>
<p class="last">This text is 1 column. Proin pharetra vel orci ut viverra. Proin quis sagittis sem, dictum vulputate justo.</p>
</section>
<section class="carousel">
<div class="left">
<ul>
<li>
@MattyBalaam
MattyBalaam / SassMeister-input-HTML.html
Last active August 29, 2015 14:05
Generated by SassMeister.com.
<section>
<div class="left">
<ul>
<li>
<span class="outer">
<span class="inner"><h6>1</h6>Nam a efficitur eros, vel placerat amet.</span>
</span>
</li>
<li>
<span class="outer">
@MattyBalaam
MattyBalaam / index.html
Created June 3, 2014 16:08
A Pen by MattyBalaam.
<p><i class="fa fa-car"></i> Force Font to load.</p>
<canvas id="thecanvas" width="900" height="700">
</ canvas>
@MattyBalaam
MattyBalaam / index.html
Created June 3, 2014 14:23
A Pen by MattyBalaam.
<canvas id="canvas" width="900" height="700">
</canvas>