blocks by samselikoff

Tweaked Dracula theme for VSCode

Diff from "Optimistic UI in Remix": https://www.youtube.com/watch?v=d0p95C3Kcsg

Dracula customizations using Tailwind Slate

01d9687dfdad81c6bc5b

A VSCode snippet that lets you type `ush` to define some new React state.

VSCode snippet for creating a loop of n numbers in JSX! https://twitter.com/samselikoff/status/1611406980639244301

510c020e4c9ec17f1cf7

Diff from "Building an Animated Line Chart with d3, React and Framer Motion" https://www.youtube.com/watch?v=kPbRDn5Fg0Y

Diff of the PictureForm component from "Let's build a feature – Cropped Image Uploads!" https://youtu.be/W5__zfYrtt8

4930202c63431a8a58e8

Zustand auth store vs Valtio auth store

Mocking Firebase + Hasura to test signing up

89329c89189fda4bf52c

Reveal button effect https://twitter.com/samselikoff/status/1451216044438261760

c1b2c3d7988ad9fa1104

825379803c576b604817

From Lesson 9 of my upcoming Egghead course on Tailwind

Example useAuth hook using Zustand, SWR and Suspense

withProse remark plugin that escapes `prose` for MDX components

ImageCropper from Fitness App as of 4/27/21

Firefox plugin for Tailwind CSS. Add styles that target Firefox browser only.

Component helper bug with Glimmer components

Generated by XState Viz: https://xstate.js.org/viz

d1dfba7bf3a352a5b052

Visual Studio Code Settings Sync Gist

Visual Studio Code Settings Sync Gist

0e176a76e5be53cbb94e

React spring example

mirage-graphql-example

2cb46731fda02984af35

Animating children

input helper action test

Actions - Closures with events, DDAU

Actions - Modifier, DDAU

Mirage 1.0 Boilerplate

Ember Animated #109 - duration mismatch with fade transition and `<AnimatedContainer>`

Ember Animated boilerplate

First pass at a LoadRecords component

Parent route query params

async-throws

82bdb917b1ff281e85c4

3fd2fee5400a95541905

object freeze sorting

Nested dropdown

CSS transition demo

Angle bracket polyfill stack trace

Template as data

DropdownList

JSONSerializer matcher

Storefront has many ref

Ember data stale UI

New Twiddle

deleteRecord vs destroyRecord

Mirage - embedded relationship

Mirage - Response viewer

#1370 isPolymorphic bug

#1301 - Patch shorthand updating hasMany

Mirage 0.3 - One to Many

Sample Styled component using EmberMap's Styled mixin.

Mirage Issue #1011 - sorting data

Mirage Issue #1002 - Embedded serializers

Mirage Issue #910 - Dynamic factory attrs

Mirage Issue #855 - Duplicates

Mirage Issue #1341 - Polymorphic

camelCased includes

80e2f9ebc0d89f5ec80d

Ember Data: Data becoming unlinked

Mirage: create with polymorphic

Mirage: create with polymorphic

Dealing with a yarn.lock conflict (https://github.com/yarnpkg/yarn/issues/1776#issuecomment-269539948)

brandynbennett (slack) meta issue

Notes from Learning Team

MOST Analysis – notes from Learning Team meeting

Slack - dennislaumen

storefront/issue#34

Ember Data Storefront boilerplate

e8ba5fc46331813d3fe0

b00b5a190321c8236ee0

574ce2a221323e5e6e8d

How to use an `asyncThrows` custom helper.

b9c35c457ef4260825c8

Async relationships test

6c3b6992cfaf9d0844ca

2f8204cc0c2f51311386

Mirage #1047

46e2620dbea6a49549b6

747f07b93fb0dfcc3712

813bf92e079f34935a5e

Ember Data async false linkage

capture checkbox

HTML in HBS bug

Mirage - Polymorphic associations & Autodiscovered models

Mirage - Get Header data

Mirage barebone

Polymorphic belongsTo

edf2bd2f46ea4ed7f5ae

Mirage 0.3 - ids or objects

Mirage factories example

Mirage 0.3 - Reflexive One to Many

Posters

Posters mirage

Actions examples

Actions

Customize component blocks

rollbackAttributes

Mirage embed?

nmbl-carousel

To use, say you have a `lesson` from a route's `model` hook. Then you could pass `lesson` into a `{{lesson-form}}`. The form could then `lesson.createDraft()` and pass that around to all the inputs. When the form calls `draft.save()`, upon completion the adapter layer rolls the successfully-persisted changes back into the original `lesson` model.

Mirage 0.2 - error handling

Mirage 0.3 - Many to Many

Mirage 0.3 - One to One

Mirage 0.3 - One-Way Belongs To

Mirage 0.3 - One to Many

Mirage 0.2 Polymorphic Example

Mirage 0.3 - One-Way Has Many

Mirage Boilerplate

Configurable actions

mutable-yield-hash

button action why

flexbox-layout-test

Links With Follower #77

Sticky chatbox - comparison

Sticky chatbox - no stick

6408fb1bf148d6a62812

Sticky Chatbox - willRender

61ca60141b2973447c01

67738cd0efb79b13c269

Sticky Chatbox - Ember In Viewport

link-to example

santeau

Ember Concurrency

Mirage #853

#854 multiple hasMany

Mirage dev boilerplate

Reversing array of models

#808

New Twiddle

New Twiddle

Mirage test boilerplate

Liquid Fire - child state updating

Mirage 0.2 many to many

Example of batch/bulk operations

706 debug

Mirage #706

Mirage Sandbox

array

53ca7b5eda29487615b1

Action inside <a>

118f3738b7025750fa93

794539e66baa4bfa8872

Declarative CPs in Ember (c/o ryanto)

Tool-tip component, allows rendering a tool-tip to arbitrary html element

location-history

Leanpub Book Download Scatterplot

Future-proofing your Ember 1.x code

Cleaning up code with Ember.computed

Sample implementation of xAxis component using d3.chart

9539561

9539551

9539547

Sample grouped bar chart made with d3.chart

9422690

OpenStreetMap + d3 tiles + brush slider

Tributary inlet

wind

pins

cambridge with towns

9299673

9299663

9299659

9299654

9299653

cambridge

9080059

A monthly datepicker Ember component that wraps Bootstrap datepicker (https://github.com/eternicode/bootstrap-datepicker).

Brush function for d3.js that redraws the vertical axis based on the range of data currently shown

Simple grid example

Failing test, handlebars doesn't notify of mismatch tag.

pie chart