FrontEnd Con 2018
| title | author | length |
|---|---|---|
| It’s My (Third) Party, and I’ll Cry if I Want To | Harry Roberts | 47m |
Shows how to find, measure and fix third-party cost: run WebPageTest and feed its ID into RequestMap to get a CSV, import that into a spreadsheet, then re-run… | ||
| React State Management In a GraphQL Era | KITZE | 27m |
Argues that moving data fetching to GraphQL simplifies client state: switching from Redux to GraphQL+Apollo removes about 5,000 lines of Redux boilerplate in… | ||
| Extreme reactive forms in Angular | Shmuela Jacobs | 31m |
Live demo of a theater-seat picker built with Angular Reactive Forms and RxJS that keeps form state in sync with route params and a real-time seat feed… | ||
| Sustainable Client Architectures with Micro Apps | Manfred Steyer | 39m |
A runnable Angular shell loads independently deployed micro apps on demand, demonstrating dynamic loading, routing prefixes and state loss tradeoffs; legacy… | ||
| What the v…DOM? | Stefan Judis | 33m |
Explains how JSX becomes function calls via Babel AST transforms, shows a hand‑rolled vDOM: an h() factory, renderNode, component class handling setState and a… | ||
| PWA underhood: what makes it so progressive | Sergiy Babich | 36m |
Walks through concrete PWA plumbing: Service Worker lifecycle and registration, fetch interception plus Cache API for custom strategies, Push API used to fetch… | ||
| The Dark Side of the Grid | Manuel Matuzović | 32m |
CSS Grid is powerful but risky: visual reordering (explicit placement, order, auto-flow, template-areas) breaks DOM/tab/screen‑reader order and confuses… | ||
| AI + JavaScript Rocks | Asim Hussain | 39m |
Shows concrete, working demos: a Slack bot “MojoFire” that posts emoji by calling an emotion API after detecting facial landmarks, an in‑browser classifier… | ||
| Exploring the Lighthouse | Katerina Skroumpelou | 35m |
Explains concrete steps to raise Lighthouse scores: runs audits via Chrome DevTools or the Node CLI and CI, strips unused CSS and inlines critical CSS… | ||
| Making Vue app reactive with RxJS | Natalia Tepluhina | 24m |
Shows concrete code using Vue + RxJS with the vue-rx plugin and Vue CLI 3 to turn DOM events into observables, subscribe in components and unsubscribe safely… | ||
| Getting your Team Passionate About Web Performance to Achieve Performant Web Apps | Nicolas Goutay | 25m |
A year-long program at a 100+ developer consultancy cuts page load times by 50–80% and raises apps meeting a <3s interactivity goal from 3 of ~20 to 12. It… | ||
| Decentralizing the internet with JavaScript | Ignacio Anaya | 32m |
A practical primer that shows how to build and run a voting dApp: smart contracts in Solidity, local node with Ganache, project scaffolding and migrations with… | ||
| Building AR apps with React Native | Vladimir Novick | 32m |
Shows how to build phone AR using React Native + ARKit/ARCore and the Viro wrapper from Viral Media, with live demos of plane detection, dragging, particle… | ||
| Accessible Charts Done Right | Sergei Kriger | 35m |
Argues that charts can be fully accessible and shows concrete tactics: attach aria-describedby per point and unique labels so screen readers read each bar… | ||
| Browser APIs: the unknown Super Heroes | Rowdy Rabouw | 40m |
FRONTEND CON 2018
www.frontend-con.io
Talk: Browser APIs: the unknown Super Heroes
Still think browsers are only capable of parsing HTML, CSS and JavaScript?… | ||
| Make the Web Brighter with the CSS Paint API | Vitalii Bobrov | 30m |
Explains how to replace images and DOM hacks with small JavaScript paint modules that run on the browser paint stage: author builds paint worklet classes with… | ||
| Why we’ll all use React Hooks | Marcin Hagmajer | 31m |
Explains that React Hooks (alpha available) let function components replace class state and lifecycle with specific APIs like useState (multiple independent… | ||
| 6 Apps One Code With Ionic | Sani Yusuf | 38m |
Claims one codebase builds apps for iOS, Android, Windows, Web, Mac and Linux using web tech and shows it working. Uses Ionic + Angular + Cordova to produce… | ||
| Testing Front-End Applications | Jakub Janczyk | 30m |
Claim: front-end suites with more than 3000 tests become slow and brittle when tests target internals, so tests instead focus on user-visible behavior and… | ||
| Using a modern web to recreate 1980S horribly slow and loud loading screens | Remy Sharp | 43m |
A browser demo recreates ZX Spectrum tape loading: website bytes are fetched, converted into pulse-accurate audio (855 T‑state pulses → ~11/22 samples) with… | ||
| React Fiber vs. Angular Ivy | Netta Bondy, Uri Shaked | 32m |
Compares React Fiber and Angular Ivy by showing concrete outputs and behavior: JSX compiles to React.createElement objects while Ivy emits a JavaScript… | ||
| Back to the future of JS: the next features and amazing proposals | Willian Martins | 31m |
Shows concrete syntax and tradeoffs: a bind operator (::) fixes unpredictable this for event handlers without manual .bind or arrow wrappers; two pipeline… | ||
| The journey of a new interface | Jepser Bernardino | 32m |
Typeform turns a year‑old conversational article into an embeddable product launched in April, implemented as a React powered interface mounted in an iframe to… | ||
| Standardisation and leveraging the exponential rise in streaming | Srushtika Neelakantam | 35m |
FRONTEND CON 2018
www.frontend-con.io
Talk: Standardisation, interoperability and coping with leveraging the exponential rise in streaming data
Data is quite… | ||
| Building Serverless Web Applications with AWS | Nader Dabit | 42m |
Builds a small React conference app with the AWS Amplify CLI, scaffolding Cognito auth, an AppSync GraphQL API and generated queries/mutations, then wires the… | ||
| Cross browser extensions – lets make one | Trishul Goel | 41m |
Shows how a single JavaScript codebase using WebExtensions APIs runs on Firefox, Chrome and Opera with minimal change, and demos concrete features: webRequest… | ||
| Lightning Talk: Visualizing Data Confidently. Integrating React and Tableau Public | Rafał Bagrowski | 14m |
Claim: build interactive, embeddable dashboards fast by combining Tableau Public with a React component and the Tableau JS API. The demo loads data from Google… | ||
| Upgrade with confidence – dealing with issues while upgrading libraries | Chris Trześniewski | 11m |
Project uses Angular + GraphQL with apollo-client v2 and upgrading breaks because v2 removes observable variables; documentation omits that. Fixes trialed… | ||
| Rewriting for that 1000th Use Case – A Vue Component Story | Damian Dulisz | 25m |
Vue-Multiselect has over 3,700 stars and 1 million downloads in 12 months but carries ~70 open issues; most problems come from early design choices (local… | ||
| Sweet Web Animations API | Rodolfo Dias | 22m |
Shows how to replace CSS/Flash/GreenSock workflows with the browser Web Animations API by building live examples: a shaking toy with tail, click-to-sleep/awake… | ||
| Demystifying discoverable web apps | Martin Splitt | 33m |
Googlebot executes JavaScript but often defers rendering (minutes to days) using an older engine (Chrome 41), so purely client-side apps can be discovered… | ||
| The missing piece of testing | Maciej Myśliński | 26m |
Describes using property-based testing with generators and fast-check to state invariants (type, length, element type, monotonic order, idempotence) instead of… | ||
| PWA with PWF | Ignacio Anaya | 30m |
Shows a concrete PWA setup using the Vue CLI PWA plugin and Google Workbox generateSW strategy, with an injectManifest option for advanced control. Service… | ||
| Vanilla React/Redux components | Gianluca Casati | 33m |
Shows how to replace React+Redux with plain JS that implements a Redux-like store (dispatch, state, localStorage persistence), a tiny component class with… | ||
| Garbage collection in modern web applications | Jan Monschke | 26m |
SoundCloud builds a tracing garbage collector on top of React + Redux (TypeScript, Electron/Xbox) that tracks live selector functions, exposes a drop-in… | ||
| Prototyping Data UI FAST with Ag-Grid & Angular | Thomas Horvath | 30m |
Shows how to prototype a working data UI with Angular and AG Grid in minutes by importing the module, wiring column definitions and rowData, and pointing at a… | ||
| Use Angular for better React apps | Martin Hochel | 30m |
Argues that React gains enterprise features by cherry‑picking Angular pieces and shows working demos: TypeScript + TSX gives full prop typing and literal… | ||
| From learning to thinking in GraphQL | Glenn Reyes | 32m |
GraphQL is a thin query layer; the concrete takeaway is a usable zero‑config server called graphtech (GlenReyes/graphtech) built on Apollo Server that provides… | ||
| nothing matches | ||