0 views
Read
#0
Learn Hermes JS Engine - Pre-Requisites Skill & Setup Environment
Opening episode: the foundational skills you must master before touching Hermes — modern JavaScript, the basics of React Native or Node.js, build tooling, and the command line. Along the way we set up Node.js, the React Native environment, the Hermes binary, and a VS Code editor ready for debugging.
August 3, 2026
00
Read
#1
Learn Hermes JS Engine - History, Background & Why Use Hermes
Unpacking the birth of Hermes at Meta: the slow startup and memory-hungry problems on low-end mobile devices that forced the creation of a dedicated engine. Comparing Hermes with V8, JavaScriptCore, and SpiderMonkey, plus its three main advantages: startup time, memory footprint, and bytecode precompilation.
August 3, 2026
00
Read
#2
Learn Hermes JS Engine - Core Concepts & Main Architecture
Dissecting Hermes' internal architecture: a parser that turns source into an AST, a bytecode compiler that produces HBC, the Hades generational garbage collector, and the interpreter that executes it. Plus the concept of bytecode serialization and three runtime modes: full AOT, lazy compilation, and inline caching.
August 3, 2026
00
Read
#3
Learn Hermes JS Engine - Installation & Setup of Hermes
First hands-on practice: adding Hermes to a React Native project, whether through the default option, Android configuration in gradle.properties, or iOS in the Podfile. Including setting up the Android/iOS build environment, building hermesc from source, and verifying that Hermes is really running on the device or emulator.
August 3, 2026
00
Read
#4
Learn Hermes JS Engine - Hermes Runtime and Build Pipeline
Dissecting the Hermes build pipeline in React Native: how the Metro bundler turns source into a bundle, the role of HermesBytecodePlugin which compiles the bundle into HBC bytecode, the bundle-command and hermesc options for full control, up to producing the artifact output, source maps, and debugging symbols.
August 3, 2026
00
Read
#5
Learn Hermes JS Engine - Startup & Bytecode Optimization
The optimization episode: reducing startup overhead with bytecode prepackaging at build time, using the -O optimizer and -output-source-map flags for smaller and faster bytecode, and analyzing how bundle size affects cold start on real devices.
August 3, 2026
00
Read
#6
Learn Hermes JS Engine - Garbage Collection & Memory Management
Unpacking how the Hermes garbage collector works: generational GC with a nursery and old generation, mark-compact to fight fragmentation, arena-based allocation, how to benchmark memory in React Native apps, and best practices for minimizing memory churn.
August 3, 2026
00
Read
#7
Learn Hermes JS Engine - Basic Debugging & Profiling
Learning Hermes debugging and profiling: connecting to Chrome DevTools and Flipper, profiling JavaScript execution, taking heap snapshots, and recognizing performance pitfalls such as re-renders, large objects, and sync loops.
August 3, 2026
00
Read
#8
Learn Hermes JS Engine - Hermes in React Native Production
Learning about Hermes in production: the release build flow with bytecode compilation, enabling Hermes through build configuration, runtime configuration, and how to analyze startup metrics, bundle size, and memory on the build that's actually released.
August 3, 2026
00
Read
#9
Learn Hermes JS Engine - Hermes in Node.js & Edge Runtime
Discussing Hermes as an embeddable engine beyond mobile: the state of Node.js support, serverless and edge use cases that benefit from cold start, how to embed Hermes custom, and the difference in optimization strategies between mobile and server runtimes.
August 3, 2026
00