Overview
Explore how Mojang Studios leveraged web standards and React to create a new UI stack for Minecraft (Bedrock Edition) in this React Advanced 2021 conference talk. Delve into the history behind the decision, the performance challenges encountered, and the innovative solution that enables declarative UI writing without relying on the virtual DOM. Learn about the implementation of GameFace, state management techniques, and the use of a global store. Discover how the team handled performance optimization, including updating text nodes and customizing progress bars. Compare performance metrics and gain insights into the JavaScript ecosystem utilized in this project. Access the GitHub repository to further examine the DOM components and packages used in this groundbreaking approach to game UI development.
Syllabus
Introduction
Why Web Standards
GameFace
Performance
State Management
Global Store
Javascript Ecosystem
Defining the facets
Handling performance
Updating text nodes
Customizing the progress bar
Performance comparison
GitHub repository
Summary
Packages
DOM Components
Outro
Taught by
React Conferences by GitNation