HolyJS 2021 Moscow
2021-11-02..2021-11-05
-- online --
HolyJS ·
[HolyJS 2016 Piter, HolyJS 2016, HolyJS 2017 Piter, HolyJS 2017, HolyJS 2018 Piter, HolyJS 2018 Moscow, HolyJS 2020 Moscow, HolyJS 2021 Piter, HolyJS 2021 Moscow, HolyJS 2022 Spring, HolyJS 2022 Autumn, HolyJS 2023 Spring, HolyJS 2023 Autumn, HolyJS 2024 Spring, HolyJS 2024 Autumn, HolyJS 2025 Spring, HolyJS 2025 Autumn]
who it's for
frontend developers, javascript developers, web engineers, ui engineers, full stack engineers, frontend engineering managers
topics
Webpack 5 module federation; Effector state management migration; advanced TypeScript types; browser extension development; WebRTC large-scale calls; WebGL line rendering; microfrontend composition; Apollo Client enterprise usage; Statoscope bundle analysis; GraphQL at scale (Uber); Deno adoption and migration; IPFS with Node.js
| title | author | length |
|---|---|---|
| Workshop: Building a Browser Extension from Scratch — Part 1 | Semen Levenson | 01h 02m |
Hands-on workshop that teaches how to build a browser extension from scratch: explains extension components, platform-specific features and limitations, common… | ||
| How to Prepare Production with Webpack 5 Module Federation | Vadim Malyutin | 58m |
Practical guidance on taking Webpack 5 Module Federation into production when splitting a monolithic app into microservices/micro-frontends. Covers configuring… | ||
| How and Why We Migrated Aviasales to Effector | Igor Kamyshev | 43m |
A talk about Aviasales’ migration from Redux+RxJS to the Effector state manager: why the company switched, the problems encountered during the migration, and… | ||
| Interview with Pavel Chertorogov for the Tech Lead Frontend position | Pavlom Chertorogovym | 01h 05m |
A hiring interview for a Frontend Tech Lead role at a logistics startup building a courier-tracking portal is described. The position expects enterprise… | ||
| OpenID Connect and OAuth2.0 | Mikhail Vovrenchuk | 01h 03m |
Covers OAuth 2.0 and OpenID Connect, specifically three specs used to build an SSO client for Next.js. Explains common problems and encryption considerations… | ||
| Advanced Types in TypeScript | Aleksey Berezin | 01h 04m |
Presentation demonstrates TypeScript’s advanced type system by solving several hard-level type-challenges. It walks through concrete problems and gives… | ||
| SolidJS - Getting Started | Ryan K Carniato | 51m |
Claims fine-grained reactivity with compiled JSX and a tiny runtime that avoids virtual‑DOM diffs, compiles templates into direct DOM operations, and keeps… | ||
| Workshop: Building a Browser Extension from Scratch — Part 2 | Semen Levenson | 01h 10m |
Practical workshop on building browser extensions from scratch, covering extension architecture (what components make up extensions), platform specifics and… | ||
| A Human Introduction to WebGL and Hardcore Line Drawing | Ivan Popelyshev | 01h 15m |
Introduces WebGL line rendering: explains why simple line drawing features are missing from the WebGL API, contrasts that with SVG and Canvas 2D, and surveys… | ||
| Tuning ApolloClient for Enterprise Development | Pavel Chertorogov | 01h 03m |
How to use Apollo Client 3 in enterprise-grade frontend projects: combine Apollo Client 3 with GraphQL Code Generator to generate hooks and type definitions… | ||
| Think TDD Doesn't Work? I Have Bad News for You | Dmitriy Kovalenko | 52m |
A JavaScript developer describes a personal TDD-style workflow that contradicts common expectations: he argues TDD isn’t primarily about writing unit tests… | ||
| Statoscope: Intensive Care for Your Bundle — Part 1 | Sergey Melyukov | 59m |
Statoscope is a toolkit for analyzing webpack bundles (created and maintained by Sergey) that grew from a 2016 experiment into a full-fledged viewer, analyzer… | ||
| Postmortem: Microsoft To-Do | Aleksey Migutskiy | 01h 02m |
Aleksei describes how the architectural process for Microsoft To‑Do was created, covering his involvement from the first month of development through the… | ||
| How to Level Up from Mid to Senior | Tanya Denisyuk, Mikhail Bashurov, Aleksey Zolotykh, Stanislav Tsyganov | 01h 03m |
Talk discusses what distinguishes a senior developer from a mid-level: whether it’s deeper knowledge of the language and technologies or mastery of patterns… | ||
| A Frontender and His 10,000 Rabbits | Aleksandr Korotaev | 01h 04m |
Talk examines the frontend version of the “10K problem”: rendering and updating many thousands of UI entities (rows, cards, cells) hurts performance. It uses… | ||
| Vue2 or Vue3 — Which to Choose in 2021? | Mikhail Tadevosyan | 13m |
Compares Vue 2 and Vue 3 for 2021, focusing on why teams might choose Vue 3 despite slow adoption. Covers Vue 3’s new reactivity system and other technical… | ||
| Calls with 2,000+ Participants, or What WebRTC Can Do | Vadim Gorbachev | 01h 01m |
Overview of WebRTC fundamentals (what WebRTC is, signaling, video frames, and client stream delivery methods) and practical challenges of implementing video… | ||
| React.memo — Gossip, Source, Edge of Usefulness | Aleksandr Baltsevich | 55m |
Examines how React.memo actually works by inspecting React source code, distinguishing React.memo from React.useMemo and explaining when memo helps or hurts… | ||
| Grid Paper. Drawing Mathematics on the Web | Anton Khaynovskiy | 48m |
Presentation covers building a web-based graphical editor for handwritten math lessons using pen input—implementing freehand drawing of graphs, formulas and… | ||
| Absorption via Microfrontend: Simply Insert One App into Another | Dmitriy Smirnov | 15m |
Covers using microfrontend techniques to absorb and consolidate features from one application into another, explaining practical methods for inserting one app… | ||
| RacketScript — Language of the Future? | Sergey Golovin | 53m |
Talk explains applying formal methods and Model Checking in applied/frontend development and the difficulties of using separate tools like Alloy and TLA+… | ||
| Using Multithreading in the Browser | Dmitriy Zlygin | 20m |
Talk explains how concurrency and multithreading have arrived in front-end web development and how to use them in the browser. It compares when to use… | ||
| Release of the “Zinc Prod” Podcast News — What's Happening? | Aleksey Zolotykh, Anton Okolelov, Oleg Gritsak, Nikita Vasilchenko, Yuliya Miotsen | 01h 11m |
A news-style episode of the “Zinc Prod” podcast covering current events in the JS community. Participants Alexey Zolotykh, Anton Okolelov, Oleg Grytsak, Nikita… | ||
| Pictures with Sound | Nikita Dubko | 01h 02m |
The talk explores encoding audio as images and implementing a browser-based music player that plays those pictures. It covers experiments with storing MP3-like… | ||
| GraphQL Platform at Uber | Diana Suvorova | 55m |
Uber built a GraphQL platform to enforce schema correctness at build time by linking frontend React GraphQL data-rich components to backend plugins so CI fails… | ||
| Functional Programming in JS — The Silver Bullet | Nadir Zhumabaev | 15m |
Explains functional programming (FP) in JavaScript, arguing it’s not as scary as commonly portrayed. Covers the core FP principles and shows how FP is… | ||
| Ethereum & DeFi for JS Developers | Artem Vorobev | 01h 00m |
Shows how to build and deploy a real dApp using JavaScript/TypeScript with Angular or React and web3.js or Ethers plus MetaMask, including inspecting ABIs on… | ||
| Multiple Inheritance in JavaScript | Viktor Vershanskiy | 58m |
Shows a backend data-transformation example and builds an object that lets code operate on multiple entities at once by composing prototype chains. Covers… | ||
| Yet Another Text Web Editor and What's Wrong with contenteditable? | Daniil Naletov | 24m |
A developer describes why their team built a custom rich-text web editor instead of using existing libraries, focusing on the limitations and quirks of the… | ||
| JavaScript and the “Grandma Phone”, or The Biggest Platform You Haven't Heard Of | Nikita Mostovoy | 01h 02m |
Talk examines non‑touch feature phones with physical keypads (so-called "grandma phones") and how modern apps like WhatsApp or YouTube could run on them. It… | ||
| Workshop. GlimmerX — declarative UI & derived reactivity in 27kb*. Part 1 | Aleksandr Kanunnikov | 01h 03m |
Introduces GlimmerX and its relation to the Glimmer VM, showing how to create a new project from scratch and build declarative components using Handlebars-like… | ||
| Statoscope. Intensive Care for Your Bundle. Part 2 | Sergey Melyukov | 01h 05m |
Statoscope is a toolkit for analyzing webpack bundles; the talk describes the tool, concrete usage examples, its internal architecture and design decisions… | ||
| Browser Extensions: Threat or Danger? | Ali Gasymov | 01h 02m |
Overview of browser extension security: how extensions are built (capabilities and APIs) and common behaviors observed in real examples. Presents three… | ||
| Interview: UnderHolyJS | Aleksey Zolotykh, Dmitriy Patsura, Artem Kobzar, Yuliya Miotsen | 55m |
An interview with the hosts of the UnderHolyJS podcast discussing their lives, plans, and technologies they focus on. The conversation covers personal… | ||
| MoleculerJS: High-Load, Fault-Tolerant and Distributed Microservices | Ivan Zhuravlev | 38m |
Overview of building high-load, fault-tolerant distributed microservices using the Moleculer framework. Covers differences between services and microservices… | ||
| Interview with the Hosts of the “Frontend Youth” Podcast | Aleksandr Bogachev, Tanya Denisyuk, Aleksey Zolotykh, Aleksey Khlebaev, Roman Ponomarev, Aleksandr Shoronov | 51m |
Conversation with the hosts of the podcast “Frontend Youth,” featuring Alexander Bogachyov, Tanya Denisyuk, Alexey Zolotykh, Alexey Khlebaev, Roman Ponomarev… | ||
| Web development best practices in 2021: What the data tells us | Laurie Voss | 57m |
Survey of over 7,000 developers reports concrete shifts: Figma dominates design with ~62% usage and very high satisfaction, TypeScript surges past JavaScript… | ||
| IPFS — InterPlanetary File System with Node.js | Romulo Cintra Espirito Santo, Javier Fernández | 01h 00m |
A Node.js demo adds files to IPFS with ipfs-core running inside a Fastify server, prints a CID and serves the same content through an IPFS HTTP gateway… | ||
| An Unconventional Approach to Choosing a Client GraphQL Library | Viktor Shcheglov | 16m |
A team at Revolut describes introducing GraphQL into a large project, how they organized server and client data storage and management, and why they chose… | ||
| Workshop. GlimmerX — declarative UI & derived reactivity in 27kb*. Part 2 | Aleksandr Kanunnikov | 01h 00m |
Workshop covers building a new GlimmerX project from scratch and explains how GlimmerX relates to the Glimmer VM. It presents declarative components with… | ||
| Meet Doka — The Editorial Team Answers Questions | Tanya Denisyuk, Aleksey Zolotykh, Alena Batitskaya, Nikolay Lopin, Igor Korovchenko | 56m |
Panelists from the Doka editorial team (Tanya Denisyuk, Alexey Zolotykh, Alena Batitskaya, Nikolay Lopin, Igor Korovchenko) discuss motivations for… | ||
| Don't miss the Deno Train | Matthias Dugué | 57m |
Claims that Deno is a secure, TypeScript-first runtime that runs top‑level async, loads ES modules from CDNs instead of npm, and ships a curated stdlib… | ||
| The Game “Holy Wonders” | Dmitriy Kovalenko, Tanya Denisyuk, Mikhail Bashurov, Aleksey Zolotykh, Aleksey Berezin, Sergey Rubanov | 38m |
A game modeled after the TV show "Wheel of Fortune" implemented in JavaScript. The project recreates the game mechanics and user interaction for the audience… | ||
| The 2021 edition of dealing with files on the Web | Thomas Steiner | 01h 01m |
Live coding shows concrete browser file capabilities and how well they actually work: asynchronous clipboard writes for images and text, showOpenFilePicker and… | ||
| nothing matches | ||