YGLF 2019: Code Camp
2019-04-03..2019-04-04
Nahsholim, Israel
who it's for
frontend developers, web developers, JavaScript developers, React developers, ui engineers, tooling engineers, performance engineers
topics
CSS Houdini for styling; reactive state management in React; RxJS with Angular forms; TypeScript migration strategies; web app performance monitoring; design systems from developer perspective; animations in complex applications; list rendering optimization techniques; developer experience and IDE improvements; algebraic effects and fibers; AI applications in JavaScript
| title | author | length |
|---|---|---|
| Keep Betting On JavaScript | Kyle Simpson | 58m |
Claims a decade of stagnation then yearly ES fixes (ES2015 ES2016 ES2017 etc) and concrete features that landed: async/await in ES2017, bigint and optional… | ||
| How to Be #Extra with CSS Houdini | Una Kravetz | 42m |
CSS Houdini gives developers a way to tell the browser how to parse and interpolate CSS so things that were strings become typed values, e g registerProperty… | ||
| Modern React and the case for Reactive State Management | Michel Weststrate | 36m |
Claims that recent React features (hooks, Context, Concurrent React) do not remove the need for state libraries and demonstrates a working drag‑and‑drop demo… | ||
| Managing animations (sanely) in (insanely) complex apps | Opher Vishnia | 32m |
An explicit solution: tie view updates to an animation orchestrator that decides whether to queue vs interrupt vs additive, use low‑level engines for timing… | ||
| DIY Components: Why and how? | Julien Benchetrit | 43m |
Claim: the DIY route almost always right for a complex dropdown that native select cannot style or extend. Examples use React and reactor‑boilerplate, cite… | ||
| Like A Surgeon | Netta Bondy | 36m |
Builds a 25‑minute countdown implemented entirely in RxJS and FRP terms: uses fromEvent and timer to create streams, maps clicks into a merged control stream… | ||
| Master your lists rendering | Lior Meduel, Arnon Nir | 30m |
Monday.com shows concrete fixes: using index keys vs unique IDs causes thousands of needless updates (example: 1.8s to shift a 1,000-row list with index keys… | ||
| Reactive Powered: RxJS with Angular Forms | Shmuela Jacobs | 50m |
A live theater seat picker demo shows a concrete claim: Reactive Forms plus RxJS handle async seat-occupancy updates, validation and UI state. Code uses… | ||
| How to Inject TypeScript Into Existing Projects | Can (Jon) Nahum | 30m |
Concrete migration plan with tools and results: start at the deep end of the dependency graph, convert the shared utility first, and get immediate type… | ||
| Making Your Grandparents Happy With Web App Performance Monitoring | Maor Frankel | 37m |
Shows a working RUM pipeline: browser collects markers with the performance API and sends them with navigator.sendBeacon to an API that feeds Prometheus and… | ||
| Hacking Like a FED | Omer Levi Hevroni | 25m |
Automated CI hooks run end-to-end tests through a proxy and three scanners so code changes fail the build when vulnerabilities appear. Scanning a vulnerable… | ||
| Design system - From a Developer Point-of-View | Yael Oshri Balla | 35m |
Argues that a usable design system saves rewriting UI by providing design tokens as CSS variables, a component library split into visual vs business logic, and… | ||
| Your IDE deserves better | Boris Litvinsky | 30m |
Claim: an editor extension written in JavaScript adds real refactorings to VS Code. It implements a class-to-function refactor for React, handles TypeScript… | ||
| Rethinking reactivity | Rich Harris | 37m |
Claims that reactivity moves reactivity into the language by compiling components so assignments trigger updates, using compiler instruments assignments with… | ||
| Algebraic effects, Fibers, Coroutines...Oh my! | Brandon Dail | 35m |
React rewrites its runtime as React Fiber — a React‑owned call stack of JavaScript objects that the scheduler manipulates to interrupt and resume work. That… | ||
| The Future of JavaScript is A.I. | Asim Hussain | 34m |
A set of live demos shows JavaScript actually doing AI not just promising it: a Slack bot that detects faces and maps emotion scores 0–1 to emoji using a face… | ||
| YGLF 2019: Code Camp - Israel | 02m | |
At YGLF Code Camp a concrete workflow shows how to replace brittle CSS and DOM-heavy widgets with DIY components built on CSS Houdini, wiring paint and layout… | ||
| nothing matches | ||