Zih-Yuan Luo
@yuan-neu.bsky.social
2 followers 4 following 18 posts
Posts Media Videos Starter Packs
yuan-neu.bsky.social
Just spent way too much time on the D3 gallery on Observable. You’ve got bar charts racing each other, graphs that move when you touch them, sunbursts you can zoom into. If you like pretty visuals, go mess around in here: observablehq.com/@d3/gallery

#ProgrammingParadigms @northeasternu.bsky.social
D3 gallery
Looking for a good D3 example? Here’s a few (okay, …) to peruse. Animation D3’s data join, interpolators, and easings enable flexible animated transitions between views while preserving object consta...
observablehq.com
yuan-neu.bsky.social
It’s wild to think that 20+ years ago, David Heinemeier Hansson’ s `How to build a blog in 15 minutes with Rails` demo not only built a fully functional, database-backed blog but with almost no code.

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
Wow, HTTP Upgrade Mechanism! Your browser kicks things off by sending an upgrade request during the initial HTTP handshake. If the server's on board, that connection flips into a full-duplex WebSocket—letting data flow both ways in real time.

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
TDD workflow introduces robustness into our development process. However, there are also drawbacks to this, such as increased development time, over engineering to make code easily testable. What are your thoughts on this?

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
TDD in JavaScript isn’t just for catching bugs—it turns your tests into living documentation that fuels fearless refactoring and smoother team collaboration. Who’s in? #TDD #JavaScript

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
True parallelism in JavaScript! That’s witchery! Modern web browsers provide worker apis so that some code could be executed on different threads. One thing not so much people know about: you can create workers that spawn their own sub-workers.🧐

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
Such an interesting usage of JS promise! 🤯 Putting `setTimeout` inside promise then periodically resolve the callback function. This prevents callback hells in such an elegant way.

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
Great to get to polish my knowledge on js Promises after 8 years learning it. You can either stop and wait for it to finish using the await keyword, or continue execution and do something later using Promise.then()

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
Learned today that the core techniques of functional programming, immutability and pure function, leads to more readable and maintainable code. Surprisingly, this also enhances performance. Such an elegant way of doing things!

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
😮 Just found out Airbnb's JS style guide discourages the use of setters and getters. Reason behind it appears to be that they are hard to debug - it’s hard to tell whether a property is a plain value or an accessor with custom logic.

Makes sense! 🤓

#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
All 4 principles of the OOP concept, abstraction, encapsulation, inheritance, and polymorphism are presented in this video!
www.youtube.com/watch?v=Knmx...
MASTER Figma Components in 10 Minutes (Everything You Need To Know)
YouTube video by Arnau Ros
www.youtube.com
yuan-neu.bsky.social
Figma components adopt the OOP concept to allow designers to create reusable design elements (like buttons or icons) that can be easily duplicated and updated across a design, maintaining consistency while acting like objects with their own properties
#ProgrammingParadigms @northeasternu.bsky.social
yuan-neu.bsky.social
You can even create VR animations using three.js!! 🤩
This tutorial makes it look so easy!

threejs.org/docs/#manual...

#ProgrammingParadigms @northeasternu.bsky.social
three.js docs
threejs.org
yuan-neu.bsky.social
Hmm…🤔 Wonder why calling private instance methods outside the class doesn’t throw SyntaxError as stated on MSDN. I’m on the latest version of Chrome (132). Works as expected on Safari and Firefox tho.

#ProgrammingParadigms @northeasternu.bsky.social