You Gotta Love Frontend Conference 2018
2018-05-24..2018-05-25
Kiev, Ukraine
who it's for
frontend developers, web developers, React developers, mobile developers, build engineers, product designers
topics
variable fonts and typography; CSS Houdini registerProperty; display:contents layout techniques; WebAssembly cross-platform architecture; browser crypto mining with WebGL; GraphQL client caching strategies; AR/VR with WebXR and React; Kotlin for React frontend; React server-side rendering techniques; webpack and Parcel bundler comparisons; DevTools tips and tricks; React Native performance tradeoffs
| title | author | length |
|---|---|---|
| Keynote. Even More CSS Secrets | Lea verou | 01h 14m |
Ten concrete CSS techniques appear: use multiply/screen blending modes to get cut‑out text on black or white backgrounds; embed SVG data-URI emojis as animated… | ||
| Journey Through VR and AR with React | Tomasz Łakomy | 29m |
Demos show concrete results: marker-based AR using AR.js and a React wrapper runs in a browser even on a Samsung Galaxy S4, supports custom markers, and… | ||
| GraphQL Clients | Mikhail Novikov | 24m |
Explains why GraphQL lets clients build caches automatically by using __typename plus id so responses normalize into storable objects and avoid repeated… | ||
| East Meets West: Web Typography and Modern Layouts | Chen Hui Jing | 31m |
The talk gives concrete takeaways: web fonts use font-face descriptors and unicode-range to load fallbacks (demo loads a Cyrillic font only when needed)… | ||
| JavaScript: The Fairly Odd Parts | Benedikt Meurer | 06m |
Builds a tiny JavaScript VM, runs the Test262 conformance suite and a few hundred hand‑rolled cases, and reports which edges break. Shows concrete oddities… | ||
| CSS Tricks You Gotta Love | Oleksandr Pavlyshch | 05m |
Shows concrete recipes: keep aspect ratio with percentage padding so squares scale reliably, use @supports queries to gate features, prefer the drop-shadow… | ||
| 100% Kotlin Frontend | Leonid Khachaturov | 09m |
Claims that a full React frontend can be written 100% in Kotlin using concrete tools: a React wrapper and CSS DSL—kotlin-react, kotlin-css, kotlin-styled—plus… | ||
| React Native: New Age Hack or Stone Age Tool? | Gregory Shehet | 06m |
Claims that React Native makes someone a mobile developer in 15 minutes to a mobile developer, highlights real wins like a shared codebase for iOS and Android… | ||
| Using New Web APIs for Your Own Pleasure | Michaela Lehr | 08m |
Connects a Bluetooth-enabled vibrator to the browser using the Web Bluetooth API and uses the Web Audio API to have video audio trigger device commands… | ||
| WebAssembly as Cross-Platform Architecture | Benedek Gagyi | 35m |
join.me’s engineering story makes decisions concrete: a shared C++ core compiles to the web via Emscripten and flipping one flag produces WebAssembly, yielding… | ||
| Mining Crypto in Browser: GPU, WebAssembly, JavaScript and All the Good Things to Try | Denis Radin | 33m |
Research measures actual throughput: JavaScript single-thread then web workers (~5×), WebAssembly (~2–3×), and WebGL pixel-shader mining with batching reaches… | ||
| Case Study - React Finland | Juho Vepsäläinen | 26m |
Custom site and mobile app for React Finland (about 300 attendees) use a content-first architecture: content lives in GitHub, a GraphQL layer exposes it, and a… | ||
| The Bumpy Road to Universal JavaScript | Johannes Ewald | 30m |
A practical tour of making React run on both server and client with concrete fixes: use server-side rendering to speed first meaningful paint, split into… | ||
| Writing Virtual and Augmented Reality Apps with Web Technology | Michaela Lehr | 32m |
Shows how to run 3D apps in the browser using WebGL, the unstable WebXR Device API (replacing WebVR) and libraries like A-Frame and ReactVR, with a claim of… | ||
| Interview Session with Lea Verou | Bruce Lawson | 10m |
Houdini claims to expose low-level browser internals so developers can register new CSS properties and write custom CSS functions and thus avoid waiting years… | ||
| Build Your Own webpack (Live Coding an Ultra-Simplified Example of a Modern Module Bundler in JavaScript) | Ronen Amiel | 40m |
Shows how to implement an ultra-simplified JavaScript module bundler (like Webpack/Browserify) by live-coding three core functions: read an entry file with… | ||
| Brave New World: Moving on to ES201X | Benedikt Meurer | 33m |
Status update on ES2016–ES2018 features and V8 performance: bigint native beats user-space libs and ships in Chrome 67 and Node 10 LTS, async generators and… | ||
| Interview Session with Vitaly Friedman | Bruce Lawson | 10m |
A rapid-fire interview that names real choices and numbers: a defense of HTML/CSS longevity with the example of variable font weights (want weight 432?), a… | ||
| Writing Bots for GitHub | Denys Dovhan | 06m |
Probot is a NodeJS framework that actually receives and validates GitHub webhooks, exposes GitHub events and calls the API for you, and runs as an Express… | ||
| Parcel — Bundler: New Kid on the Block (Zero Config Comparison with webpack 4) | Abhishek Gupta | 06m |
Parcel is a new web application bundler which doesn’t require a config file whereas in webpack 3, even for a very basic project, we need to configure a… | ||
| DevTools Tips and Tricks | Sergei Puzankov | |
We spend a lot of time debugging our code in a browser. But often we just use console.log. In this talk, I will share useful features of DevTools in Chrome and… | ||
| You Gotta Love Rx | Lena Zhukova | 03m |
Claims that RxJS turns messy streaming and DOM-event code into manageable pipelines, demonstrates mapping an array of URLs into observables that interoperate… | ||
| A Common Design Language: Let Designers & Developers Talk to Each Other | Andrey Okonechnikov | 32m |
Claim: a UI component library becomes a common language that removes accidental choices and enforces contracts so headings, buttons and accessibility are… | ||
| Interview Session with Hui Jing | Bruce Lawson | 10m |
Starts as a national team basketball player and moves into web work by building an association site using inspect element to copy and patch together designs… | ||
| Keynote. New Adventures in Front-End, Season 2 | Vitaly Friedman | 01h 02m |
755 rapid slides claim concrete wins and weird hacks: images are 5.4 MB on average with 70% images so techniques include CSS filters to strip contrast, tuned… | ||
| nothing matches | ||