FrontCon 2018
as the organisers put it
The first ever two-day conference in the Baltics focused on front-end concepts and technologies, held in Riga, Latvia.
who it's for
front end developers, web performance engineers, React developers, frontend architects, testing and QA engineers, platform engineers
topics
headless Chrome automation with Puppeteer; large-scale web performance metrics; GraphQL backend-for-frontend patterns; scoped error reporting for multi-apps; DOM-to-WebGL rendering for VR; Web Audio API effects chains; private React component registries; Elm for zero-runtime-errors; Accelerated Mobile Pages optimizations; Jest and Enzyme React testing; delivering responsive images and video; TypeScript composition and entity components
| title | author | length |
|---|---|---|
| review of conference | 02m | |
Review of the first ever two-day conference in Baltics focused on front-end concepts and technologies! | ||
| DevTools and Headless Chrome–The Automation Power-Couple | Yonatan Mevorach | 25m |
Chrome 59 running headless Chrome with puppeteer automates real browser actions to extract data and measure runtime metrics. A scraper turns a schedule page… | ||
| Web performance in large-scale applications | Felipe Silva | 33m |
Rebuilds The New York Times using NodeJS, React, Apollo, GraphQL and shifts culture to measure perceived speed with synthetic and real user metrics. Uses… | ||
| Backends for frontends with GraphQL | Pavels Jelisejevs | 27m |
Claims a separate Backend For Frontend (BFF) per client plus a GraphQL layer lets each UI own a tailored API, cutting unnecessary payloads and round trips and… | ||
| Challenge Accepted: Scoping Errors in “Multi-App” Environment | Ziv Levy | 24m |
Explains a concrete solution for noisy multi‑app error streams: introduce arrow boundaries that tag execution scopes, catch sync and promise rejections, and… | ||
| Moving Web applications into Virtual Reality | Denis Radin | 37m |
Claim: web UIs can become first-class VR content by rendering DOM/CSS as GPU textures instead of flat iframes. Demonstrations use WebGL shaders for lens… | ||
| Channel your inner rockstar with the web audio API | Sam Bellen | 28m |
Covers concrete Web Audio API mechanics: creating an AudioContext and nodes, loading audio via fetch/ArrayBuffer or getUserMedia input, oscillators with… | ||
| Building a Private React Component Gallery | Mitch Denny | 30m |
Describes a repeatable pipeline that builds, tests, versions and publishes private React components: scaffolds with nwb (not create-react-app), bundles with… | ||
| Getting rid of runtime errors with Elm | Jānis Miezītis | 23m |
Elm claims it catches all runtime exceptions by using a strict static type system, pattern matching and pure functions; examples show partial application… | ||
| Building lightning-fast sites for the mobile web | Sven Decker | 35m |
Accelerated Mobile Pages (AMP) promises sub-second perceived load by enforcing statically sized media, in-viewport rendering and aggressive prefetching from… | ||
| The Variable Crimes We Commit Against JavaScript | Julka Grodel | 32m |
Shows concrete JavaScript behavior with code: uses immediately‑invoked functions and console.log to prove var bubbles to function scope (examples produce 14… | ||
| Composing Classes with TypeScript | James Wright | 34m |
Argues that composition replaces brittle inheritance and shows concrete code that moves from a tangled superclass graph to an entity+component model, using a… | ||
| JavaScript security: a retrospective | Kirils Solovjovs | 32m |
Research-driven history compares language and DOM changes to concrete fixes and failures, shows demos that reproduce old exploits, and reports years when… | ||
| Web Speed in Perfection | Anton Caceres | 24m |
Claims specific numbers: human visual parse ~14 ms then ~140 ms to decide where to focus so 200 ms goal for perceived instantness, and a realistic target of… | ||
| Jest & Enzyme-testing your React application | Rūta Freimane | 06m |
Jest provides zero configuration unit testing with built‑in assertion, mocking and coverage tools, and pairs with Enzyme for React rendering and interaction… | ||
| Will You Help Me End Pixelated Images on the Internet | Julka Grodel | 05m |
A hands‑on introduction that builds actual SVG files and shows they render crisply: creates a circle and rectangle with explicit cx cy r x y width height… | ||
| Getting VSTS to "Production" | Mitch Denny | 06m |
Eight hundred people across about fifty feature teams ship VSTS from a monolithic repo with short‑lived topic branches, a three‑week release branch cadence… | ||
| GraphQL ecosystem walkthrough | Olegs Gabrusjonoks | 31m |
A concrete walkthrough that lists libraries, demos, and failure modes: shows Apollo Client caching and automatic query batching in action, compares Relay and… | ||
| Delivering Fast and Beautiful Images and Video | Doug Sillars | 31m |
Half of a page weight is images and a quarter is video so optimizing them gives the biggest wins: use WebPageTest and Lighthouse to measure four concrete… | ||
| Make coding fun: developing a game in the browser | Marco Cecconi | 31m |
Claims that full games run in vanilla JavaScript and were built over a few weekends, with an actual demo called Blasteroids that runs in the browser. Uses… | ||
| nothing matches | ||