Developing a reliable Lightning application often feels like navigating an intricate labyrinth due to the multiple layers of complexities involved. This blog post aims to serve as a comprehensive guide for both new and experienced developers, intending to illuminate the nuances of this process.

Lightning, at its core, is a UI library designed to build speedy user experiences for hardware-constrained systems. It functions akin to a game engine. Like all engines that composite graphics, Lightning employs a SceneGraph, representing a hierarchical structure of graphical objects. One of the primary benefits of Lightning is its faster rendering capability compared to the standard DOM. It achieves this by utilizing a more streamlined subset of features, enabling the implementation of shortcuts and caching mechanisms in the update loop to enhance its speed.

Essential skills for creating a Lightning UI application:

• Proficiency in building modern JavaScript applications.
• Familiarity with Lightning and associated libraries such as Lightning-SDK, Lightning-UI, Metrological-SDK, etc.
• Understanding the trade-offs between well-written code and fast performing code.
• Awareness of hardware impact on the code.
• Ability to optimize for an excellent user experience in hardware-constrained environments.

The realm of video playback, often the application's core, is the next layer to explore. This area heavily relies on browser-based tools like the native <video /> tag, Media Source Extension, and libraries implementing streaming protocols over these primitives.

Relevant skills:

• Understanding how browsers handle video playback natively.
• Knowledge about why we use streaming protocols and the implications of delivering video and audio over the network.
• Awareness of hardware constraints on native playback and streaming.
• Basic understanding of media encoding and availability for browser playback.

<aside> 🔗 ProTip read these awesome posts: https://web.dev/media/

</aside>

The stage for these operations is a sandboxed browser environment, which, despite its controlled nature, can occasionally present unexpected challenges. Therefore, it's essential to understand the specific browser your code operates on, the underlying engine, and its unique limitations.

Required skills:

• Insight into JavaScript engines, their operations, and expectations from different engines.
• Familiarity with WebKit and the reasons behind its popularity among developers. 🙂
• Understanding of hardware and software constraints on the browsers.