Optimizing your JavaScript code can be tricky, as there are many pitfalls one can run into even before implementation. Let's learn about those in order to keep your JavaScript app performant.
======⚡⚡⚡======
Consider becoming a member of the channel by joining me ❤️
https://www.youtube.com/channel/UCqAL_b-jUOTPjrTSNl2SNaQ/join
☕ Buy me a coffee: https://www.buymeacoffee.com/softwaredeveloperdiaries
🙌 Become my Patreon and get exclusive perks: https://patreon.com/softdevdiaries
💼 Follow me on LinkedIn and drop me a message if you'd like: https://www.linkedin.com/in/gadirovgs/
💻 Also, let's connect on GitHub: https://github.com/gusgad
📚 Resources:
Original article: https://romgrk.com/posts/optimizing-javascript
JavaScript Memory Model: https://www.zhenghao.io/posts/javascript-memory
JavaScript Set vs. Map vs. Object vs. Array: https://medium.com/@dm_md/unveiling-the-speed-of-javascript-collections-set-vs-map-vs-array-vs-object-3f6e44f24505
JavaScript Linked Lists: https://medium.com/nerd-for-tech/why-use-a-linked-list-instead-of-an-array-f75cdebaad22
Code: https://github.com/gusgad/youtube-tutorials/tree/js-perf-best-practices
🕒 Timestamps:
(0:00) Intro
(0:45) String comparison
(8:34) Object shapes
(11:57) Array Object methods
(14:53) Object access
(16:16) Cache misses
(21:22) Large objects
(23:31) String mutations
(25:43) Specialization
(28:12) Data structures
And don't forget to subscribe for more videos like this 😊