From 507438520bb05cd06fd48a3a189a8b67da9a97cb Mon Sep 17 00:00:00 2001 From: Ayo Date: Tue, 7 Nov 2023 11:26:10 +0100 Subject: [PATCH] update drafts --- ...23-09-29-musical-instruments-i-can-play.md | 46 +++++++++++++++++++ _drafts/introducing-astro-reactive.md | 6 +++ _drafts/ng-10-yrs/draft.md | 18 ++++++++ _drafts/ng-10-yrs/outline.md | 34 ++++++++++++++ _drafts/solidjs-fine-grained-reactivity.md | 5 ++ 5 files changed, 109 insertions(+) create mode 100644 _drafts/2023-09-29-musical-instruments-i-can-play.md create mode 100644 _drafts/introducing-astro-reactive.md create mode 100644 _drafts/ng-10-yrs/draft.md create mode 100644 _drafts/ng-10-yrs/outline.md create mode 100644 _drafts/solidjs-fine-grained-reactivity.md diff --git a/_drafts/2023-09-29-musical-instruments-i-can-play.md b/_drafts/2023-09-29-musical-instruments-i-can-play.md new file mode 100644 index 0000000..829ead5 --- /dev/null +++ b/_drafts/2023-09-29-musical-instruments-i-can-play.md @@ -0,0 +1,46 @@ +--- +title: "Definitely one of the musical instruments ever" +permalink: /:title/ +description: "Comprehensive list of musical instruments I can play in varying levels of expertise, sorted according to the time I learned them from earliest to latest... now read that again, but faster" +category: personal +--- + +Learning to play musical instruments taught me a lot about learning things in general. There's a creative and logical side to it. There's a mental and physical side to it. There's an existential and spiritual side to it. There's practical and theoretical applications. I even have some parenting lessons I got from playing drums and bass (more on those later). + +There's just too many sides to mention, actually, but in this post, I just wanna take some time to look back to all the musical instruments I ever played and write down some brief commentary on each... more or less. + +## 1. ukulele (a.k.a., yukelele) + +Back when I was at a young age--maybe around 4 to 5 years old--my father bought instruments for me and my elder sister. She got a nice ukulele, and I got a small guitar made of coconut shells. I don't know what was the expectation there... but I ended up breaking mine and taking hers. + +It's not like I was a jerk to my sister or something; you see my sister and I had one of those double decker beds and I accidentally dropped the fragile coconut guitar from the top bed. I was heartbroken, and because she didn't really took interest in playing her instrument, I sort of took it over... for caretaking. + +There you go, I was a good kid. + +We earned money, divided in equal parts, from my ukulele-playing because we used it a lot during Christmas carolling season. Fun! + +Looking back now and considering a friend's definition of "professional", which was "if you are earning money doing something, you are a pro", then it is safe to say I was a pro ukulele-player at around 4 to 5 years old. + +## 2. recorder (that wind pipe thingy) + +The recorder was kind of weird because it didn't actually record anything. Maybe they ran out of names for wind instruments? + +Anyway, we had one of those too growing up. Color white, hard plastic (I think), and I played it a lot when I got board of the ukulele. + +The thing about wind instruments is you have to manage a lot of spit. I was exceptionally known to have more saliva on my face and clothes as a kid even during normal, non-recorder-playing days; it was gross. You can just imagine what that was like I guess... + +So I never played the recorder in front of an audience except that one time when I met a couple of other kids who really liked it so I showed off. We hit it off, and after that, I remember them calling the house landline a few times and we got jammin' over the phone... spit and all. + +## 3. classical & acoustic guitar + +I'm categorizing here because I only picked up the electric guitar much much later + + + + + \ No newline at end of file diff --git a/_drafts/introducing-astro-reactive.md b/_drafts/introducing-astro-reactive.md new file mode 100644 index 0000000..aaa0b5d --- /dev/null +++ b/_drafts/introducing-astro-reactive.md @@ -0,0 +1,6 @@ +# What is Astro and Why Does it Exist? + +Earlier this year I had the urge to rewrite my personal website. It was written in Jekyll, a Static Site Generator (SSG) in Ruby, which I only picked up because I wanted to use Github Pages years ago, and I think it was the best SSG framework to deploy on it at the time. My experience with GH Pages was not good--maybe it was too early?--so I almost immediately moved to using Netlify, which was also relatively new but offered way better experience and control. + +For a while, Jekyll was a good framework for my needs, especially partnered with Netlify. But several major versions and many different computers later, setting up the environment became a headache. Add to this the compatibility issues with the new M1 Mac--I just don't think the time it took to look for what's wrong was worth it. It would be faster to write everything in HTML. + diff --git a/_drafts/ng-10-yrs/draft.md b/_drafts/ng-10-yrs/draft.md new file mode 100644 index 0000000..92e537d --- /dev/null +++ b/_drafts/ng-10-yrs/draft.md @@ -0,0 +1,18 @@ +# Frontend Lessons from a Decade of Angular + +Now that the world have had more than a decade of using Angular, there are some lessons we could extract from this opinionated framework that will help us not just in building Angular applications or libraries, but in the larger Frontend development world in general. + +To be outright clear, this is not going to be a love letter to Angular or a nice trip down memory lane. I'm going to find a balance between the good and the bad, and ask, what can we take with us as we go ahead in the next ten years. + +Angular 1.0.0 officially came out on June 13th of 2012. Initially named AngularJS, [it took the world by storm]. + +It was a time when decoupled architecture was not yet a popular thing, and we did everything on the server including rendering full pages. + +I remember first hearing the words "all the business logic is in the browser" and go "what is this guy talking about?" + +Since then, Web Development has also grown in its capabilities. + +## Lessons From the past decade with Angular + +Global Automatic Change Detection + diff --git a/_drafts/ng-10-yrs/outline.md b/_drafts/ng-10-yrs/outline.md new file mode 100644 index 0000000..b8cbc17 --- /dev/null +++ b/_drafts/ng-10-yrs/outline.md @@ -0,0 +1,34 @@ +# Outline: Frontend Lessons from a Decade of Angular + + +I. Introduction + - In this article, we go through the past ten years of Angular's evolution to look at both the good and bad parts, and we will ask what are the lessons we can apply not just in Angular development, but in the larger Frontend Web Development in general. + + +II. A brief history of Angular and the Web + +- It was a time when decoupled architecture was not yet a popular thing, and we did everything on the server including rendering full pages. I remember first hearing the words "all the business logic is in the browser" and go "what is this guy talking about?" + +- Since then, Web Development has also grown in its capabilities. + +- Angular has grown side by side with the web. + + +III. Angular: The Good, The Bad, The Lessons +- Global Automatic Change Detection + 1. Like Magic! + - Awesome Developer Experience, we don't have to remember which state to track and how. "It just works" + 2. Very Costly + - Under the hood, angular has to load and run zone.js before the app + - Any browser event will trigger a check for the whole component tree + 3. Performance Fix + - Angular provides a way to opt out of this default costly behavior. In reality, a lot of teams didn't make this decision to optimize their apps from the start causing a lot of rewrites and refactors only when the users and businesses both the performance hit. + 4. Lesson + - When designing a solution, we should ask whether the default behavior will scale well. Do we assume our users know when they should opt-out? Do we design the solution such that they are well informed of the performance costs and the deciions they have to make? + +- + +# Recources +ng conf 2022 talk: https://www.youtube.com/watch?v=IY-QOz4oLCE&ab_channel=ng-conf + + diff --git a/_drafts/solidjs-fine-grained-reactivity.md b/_drafts/solidjs-fine-grained-reactivity.md new file mode 100644 index 0000000..7c02171 --- /dev/null +++ b/_drafts/solidjs-fine-grained-reactivity.md @@ -0,0 +1,5 @@ +# Leveraging Solid.js for Fine-Grained Reactivity + +Forget everything you know. This is Solid.js' invitation for us who have been so used to the bloated way of doing things in the JavaScript land, as it shockingly gives us a peek of a JS paradise where reactivity is built in and not a mere afterthought. + +