This year, I decided to learn TypeScript, or more precisely, to improve my very basic knowledge of the most popular flavor of JavaScript. I know some basic TS and I use ExecuteProgram to improve my knowledge each day but I believe that nothing makes you learn faster than building stuff
I was on the cusp of finishing a complex component. The changes looked good locally so I pushed to CI, waiting for the green check mark and the immediate dopamine kick. Bang, a red cross. What the #!^^? Uncaught RangeError: Maximum call stack size exceeded the log read when running the
![[FAIL] Don't fix the same problem twice](https://images.unsplash.com/photo-1527853359084-088460b3000d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDJ8fGJhY2tzdGFnZXxlbnwwfHx8fDE2NDgwMjUyNDI&ixlib=rb-1.2.1&q=80&w=600)
fail
And then it all made sense. The app uses band slugs (like "led-zeppelin") for ids, so the band_id was a string. In ruby, 'string'.to_i is 0, which is why all songs had a band_id of 0, and they didn't show up for any of the bands.
![[FAIL] VS Code auto-import breaking the build](https://images.unsplash.com/photo-1622536919080-add65eb4ffa4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHRndnxlbnwwfHx8fDE2Mzg1MzExMTI&ixlib=rb-1.2.1&q=80&w=600)
fail
I learned about the idea of being a señor engineer and publishing your fails during your work from Kenneth Larsen [https://www.kennethlarsen.org/] a few years ago. I really liked the idea but haven't had a single fail since then 😂 so you guys had to wait for
svelte
In the last post of building the crypto card series (aka. "Understanding Svelte"), we tuned the async bits and added some animation to improve user feedback. We'll now continue down that path and indicate to the user while data (bitcoin prices) are being fetched. We'
animation
I've used ember-animated [https://github.com/ember-animation/ember-animated/] in the Sac Sac Mate app in several places: to animate the list being resorted [https://devjournal.balinterdi.com/using-ember-animated-to-resort-a-list/] and to move the player's photo from the list to the details page [https://devjournal.balinterdi.com/adding-fly-over-animation-from-list-to-details/
svelte
In this post, we'll improve the opening of the historical prices panel so that it's not blocked by network requests and then add a simple opening animation.
svelte
The last time [https://devjournal.balinterdi.com/understanding-svelte-reactivity-part-1/] we built a small crypto card (more like a label) that showed the current price of Bitcoin. In this post, we'll expand that to show historical prices. We'd like to end up with something like the following, only
svelte
Last time I wrote about the basics of Svelte and Svelte components [https://devjournal.balinterdi.com/understanding-svelte-the-very-basics/]. At the end we rendered a "crypto tab" on screen that displayed a static price. So in this post, let's fetch the actual spot price of Bitcoin and display
svelte
I have to admit, Svelte caught my attention. It takes a totally different approach than other JavaScript UI libraries or frameworks for keeping the UI up-to-date with changes triggered by data changes or user interactions. Instead of re-rendering the appropriate segments of the UI at runtime, it prepares the work
ember.js
The main feature I added this week to Sac Sac Mate is the ability to autoplay a game, so that the user doesn't have to click (or tap) the "make next move" potentially a hundred times to see a game all the way to the end.
chess
A guy who says is bad at chess and doesn't like playing online first makes a papier-mache robot to play against and then implements 30 (yes, 30!) different chess algorithms and makes them compete against each other.
