Skip to content

Instantly share code, notes, and snippets.

View pkellner's full-sized avatar

Peter Kellner pkellner

View GitHub Profile
function Demo() {
function ProcessAndRender() {
const fetcher = (url) => fetch(url).then((r) => r.json());
const { data } = useSwr(
`https://jsonplaceholder.typicode.com/todos`,
fetcher,
{ suspense: true }
);
return (
<div className="container grid">
function Demo() {
const fetcher = (url) => fetch(url).then((r) => r.json());
const { data } = useSwr(
`https://jsonplaceholder.typicode.com/todos`,
fetcher,
{ suspense: false }
);
if (!data) return <div>Loading... (pre-Suspense)</div>;
@pkellner
pkellner / machine.js
Last active January 26, 2021 01:26
Generated by XState Viz: https://xstate.js.org/viz
const svccUiMachine = Machine({
id: 'svccUiMachine1',
context: {
currentCodeCampYear: '2019',
codeCampYears: [
'2005',
'2006',
'2007',
'2008',
'2009',
@pkellner
pkellner / machine.js
Last active January 26, 2021 00:57
Generated by XState Viz: https://xstate.js.org/viz
svccUiMachine1 = Machine({
id: 'svccUiMachine1',
context: {
currentCodeCampYear: '2019',
codeCampYears: [
'2005',
'2006',
'2007',
'2008',
'2009',
@pkellner
pkellner / machine.js
Last active January 25, 2021 23:57
Generated by XState Viz: https://xstate.js.org/viz
const svccUiMachine1 = Machine({
id: 'svccUiMachine1',
context: {
},
type: 'parallel',
states: {
codeCampYear: {
initial: "2019",
states: {
using System;
using System.Collections.Generic;
namespace WebAppReactCRA.GraphQL.Speakers
{
// Root myDeserializedClass = JsonConvert.DeserializeObject<Root>(myJsonResponse);
public class AttendeesAmazonBookDto {
public int Id { get; set; }
public string AmazonImageSmall { get; set; }
public string BookTitle { get; set; }
<Button color="warning" onClick={() => {
const { speakers } = apolloClient.cache.readQuery({ query: GET_SPEAKERS });
apolloClient.cache.writeQuery({
query: GET_SPEAKERS,
data: {
speakers: {
datalist: [...speakers.datalist].sort((a,b) => a.id - b.id)
},
},
@pkellner
pkellner / button.html
Created October 14, 2020 21:34
Button Click To Sort GraphQL Cache
<Button color="warning" onClick={() => {
const { speakers } = apolloClient.cache.readQuery({ query: GET_SPEAKERS });
apolloClient.cache.writeQuery({
query: GET_SPEAKERS,
data: {
speakers: {
datalist: [...speakers.datalist].sort((a,b) => a.id - b.id)
},
},
});
const { ApolloServer, gql } = require("apollo-server");
const typeDefs = gql`
type Speaker {
id: ID!
first: String
last: String
favorite: Boolean
}
type SpeakerResults {
using System.Collections.Generic;
using System.Threading.Tasks;
using ClassLib.CacheExtension;
using EFLibSvcc.Models;
using Microsoft.Extensions.Caching.Memory;
namespace CarvedRock.Api.Repositories
{
public class RoomRepositoryCached
{