Algorithms, Web Performance & Frontend Infrastructure
My research and studies on algorithms, web performance, and frontend infrastructure
At the beginning of this year, I decided to have some topics as my focus for the quarter. They are:
Web Performance: see my research here github/web-performance-research
Frontend Infrastructure: see my rough research here github/web-research (still very in the beginning, but I can share with you all!)
Algorithms & Data Structures: I've been solving a lot of coding challenges and studying data structures and documenting here github/algorithms
Web Performance
This is the topic I've been studying a lot. From metrics to how-to measure, to how-to read metrics, to correlations between performance and user experience, to bundlers and devtools, to lab vs RUM, to analyzing case studies, to image optimization, to react rendering optimization, and so on. Well, a lot of things to keep studying and applying to projects.
Here I have all the resources I've been reading, watching, and learning: github/web-performance-research. This is still some draft notes but something I'm calling the Unified Theory of Web Performance.
If you have more resources or want to share anything performance-related, my DMs are always open: say hi!
Frontend Infrastructure
I started some sessions with my mentor and he's guiding me when it comes to studying things more related to frontend infrastructure and how the big tech companies use it in their organization.
I'm studying from the very beginning: understanding the history of modules (no modules, IIFEs, require, esmodules), implementing a bundler from scratch (built one some years ago but now working on a new one to go more in-depth), reading source code from modern bundlers (or just listening bundlers’ creators talk about their tech).
I'm still very at the beginning of this study because I was more focused on web performance in the past two months but as I'll take some time off from work, I will have more time to read, study, and code bundler and infrastructure things. I'll keep you up to date.
Algorithms & Data Structures
I decided to rewrite my old series on data structures but now in JavaScript.
I started with the stack DS but more is to come soon and I'll let you all know. This is a good way to revisit the data structures, implement everything again, and share this knowledge in another popular language.
But if you prefer a faster way to read the same content, I wrote a thread on Twitter about it
All data structures code and some challenges I've been doing are in the algorithms repo: github/algorithms.
Also, I'm in the process of doing twitch livestreams or study with me youtube lives. Let me know if you are interested in watching it. I want to know what kind of content you'll be willing to watch: say hi!
Well, that's it for today! Keep studying and coding! ✌️