Episode 114: Challenges and Solutions when using Svelte - Andrew Smith

Share:

Listens: 0

Real Talk JavaScript

Miscellaneous


John Papa @John_PapaWard Bell @WardBellDan Wahlin @DanWahlinCraig Shoemaker @craigshoemakerAndrew Smith @silentworksBrought to you byag-Grid IdeaBladeResources:Andrew SmithFabulous Thunderbirds “Wrap it up”BackbonJSSvelte 3 with Rich HarrisSpine JSKnockout JSIntroducing Svelte (Nov 2016)CSS Transitions (per MDN)Svelte motionsSvelte transitionsFade transition in SvelteTransition eventsCan’t believe how simple this one is to implement. Pretty coolGreensock animation libraryNY Times election animation with SvelteSvelte RecipesAmelia WattenbergerCypress testingFrontEnd Masters - Animations - Rich HarrisNative-Like Animations for Page Transitions on the Web - Sarah Drasnerflip function — flip stands for — from svelte/animate: FLIP = FIRST _ LAST _ INVERT _ PLAYSvelte StoresSvelte EasingTweened exampleChronological Order to watch Star Wars Clone WarsOn ordering Brisket from Aaron Franklin. Mouth wateringNgrokCompare Svelte with React, Vue and Angular{#if visible} Flies in and out {/if}Timejumps01:57:06 Guest introduction04:54:09 Svelte comes out08:07:05 Why go to Svelte?10:21:17 Animations with Svelte15:00:17 Transitions in animations17:07:17 Sponsor: Ag Grid18:10:00 Does Svelte make animation easier to work with?24:52:00 Making animations easier26:31:14 What about Greensock?30:23:12 How to disable animations for testing?35:21:07 Designing for big screens42:02:21 Sponsor: IdeaBlade43:07:09 What does the $ sign and what are Svelte Stores?49:10:18 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.