OdessaJS 2018
as the organisers put it
OdessaJS conference - one of the biggest JavaScript conferences, held by the Black Sea in Ukraine.
who it's for
front-end developers, React developers, frontend architects, full-stack developers, mobile app developers, engineering managers, site reliability engineers
topics
NgRx state management patterns; serverless microservices on AWS Lambda; framework-free Web Components; Houdini CSS paint and layout APIs; WebAssembly for machine learning; micro-frontends and single-spa modules; advanced React Native techniques; GraphQL client and migration patterns; WebRTC peer connection workflows; Flow typing for enterprise codebases; Chrome DevTools new features and tips; GitHub automation with probot
| title | author | length |
|---|---|---|
| Advanced State Management using ngrx v5 | Gerard Sans | 33m |
Shows an actual counter app built with NgRx Store, Effects and the Redux DevTools and demonstrates counter demo with increment decrement reset plus CLI… | ||
| What I Have to Do at OdessaJS Conference | Artem Zakharchenko | 22m |
Advice for conference attendees on maximizing value at OdessaJS: prioritize meeting people and getting feedback over attending every session, pick four talks… | ||
| The New Media and What It Takes to Create a News Website in 2018 | Roman Rodomansky, Andrew Yasinishyn | 23m |
What will you do if biggest media will ask you about new website? Seems like trivial, right? Ugh, why WordPress is not a right fit here? We'll tell you a story… | ||
| Copy-Paste Detector for 150+ Languages on JavaScript | Andrey Kucherenko | 29m |
A JavaScript tool detects copy‑paste across files by tokenizing code (using CodeMirror for 150+ languages), filtering comments/noise, and hashing sliding… | ||
| Serverless - the way microservices should be | Ivan Jovanovic | 28m |
Argues that serverless moves operations toward zero by running small AWS Lambda functions, using Claudia.js or the Serverless framework to deploy, and… | ||
| Mutilation and suffering: How I decided to create a project using only Web Components without any framework | Sergiy Babich | 33m |
One pet project. One idea. One specification. That's what lead me to create app using only native web components and no framework or library. I want to share… | ||
| Algorithms in the Front End: from V8 to VDOM | Yuriy Sherstyuk | 39m |
Explains specific JavaScript engine and front-end optimizations: V8 migrated from fullcodegen to TurboFan with a 2017-added interpreter, uses hidden classes… | ||
| Estimates: Is There a Silver Bullet? | Ksenia Redunova | 42m |
No single magic solution for project estimation is offered; instead concrete practices are recommended: use planning poker, create spike tickets for research… | ||
| Get started with Reason and ReasonReact | Nik Graf | |
We will kick off with the basics and then quickly go into how to leverage features like variant types and pattern matching to make impossible states… | ||
| Architecture evolution of Microsoft To-Do web app | Alex Migutsky | 25m |
-- no description -- | ||
| Unleash your web skills on native | Rowdy Rabouw | 40m |
Claim: web developers use NativeScript to produce truly native iOS and Android apps with about 95% shared code. Tools actually used are Angular + TypeScript… | ||
| Bot Building: Channels, Platforms, NLU | Valentine Mezentsev, Gleb Dobzhanskyi, Vitalii Hurin | 33m |
Practical guide to building chat and voice bots using Dialogflow, Alexa Skills Kit, Amazon Lex, Microsoft LUIS, Rasa and Telegram. Covers deploying demos to… | ||
| Redux-cornell | Eyal Eizenberg | |
Redux is awesome and is used in countless projects. However, using Redux does mean that there is a lot of boilerplate. Enter Redux Cornell. Named after the… | ||
| Excuse Me, I Have to Assemble the Frontend | Andrew Mykhaliuk | 30m |
Advocates treating the frontend build as a pipeline of small interchangeable steps: compile TypeScript/Babel into a temp directory, then use Rollup or Webpack… | ||
| Houdini — CSS That Is JavaScript | Nikita Dubko | 36m |
Houdini describes browser APIs that let JavaScript hook into the CSS rendering pipeline. The talk demonstrates Chrome Canary worklets—a paint worklet that… | ||
| OK Google. What's next? | Philip Shurpik | 28m |
In a certain moment you are 25-26 years old and work as a Senior JavaScript for already 2-3 years:) At this very moment you understand that you don't know what… | ||
| JavaScript without javascript | Patrick Kettner | 30m |
Sass runs entirely in the browser by converting Ruby to JavaScript via Opal transpile Ruby→JS, patched dozens of gems and Opal shims, and bundled with webpack… | ||
| Unleash the power of the higher-order components | David Kopal | 38m |
A concrete recipe for extracting UI from behavior: convert a combined list component into a small presentational renderer plus composable HOCs, implemented… | ||
| Real-world application of computer vision and machine | Arkadiy Pilguk | |
An Introduction to Computer Vision and Augmented Reality in modern web browsers and how to accelerate it with WebGL. We will build on this foundation and… | ||
| Advanced React Native | Ilya Ivanov | 29m |
A talk about using React Native for a production iOS and Android mobile app, claiming a release to both platforms a month prior and near-60fps animations by… | ||
| Cloud Native Observability | Oleg Chorny | 31m |
Describes building cloud-native observability by collecting large-scale metrics, logs, and distributed traces to drive automated operational actions (restart… | ||
| The ABC of Coded Style Guides | Henning Muszynski | 30m |
A small remote team of about six builds a component-driven style guide using Storybook with a live code editor and auto-generated docs, wiring components to… | ||
| Automating GitHub workflow with probot | Denys Dovhan | 26m |
Most of developers are passionated in Open Source, some of them have their own OS projects, some of them have commercial projects hosted on GitHub. Automating… | ||
| WebRTC talk for OdessaJS | Gabriel Mičko | 34m |
Live demo of dialing.webrtc.rocks demo shows an iPhone calling a Chrome tab with manual offer/answer exchange, using Google STUN server and fallbacks to TURN… | ||
| WebAssembly-Powered Machine Learning | Mihail Zachepilo | 39m |
Ports of C/C++ ML code and TensorFlow AOT into WebAssembly are evaluated for in-browser machine learning using Emscripten and wasm builds of C++ libraries… | ||
| How to create a VR application with React | Viktor Turskyi | |
I will talk about virtual reality (VR). At what state the technology now, why and how to use it. JavaScript is very popular today it is possible todo almost… | ||
| The Evolution of Web Performance | Denis Artyuhovich | 16m |
Shows how replacing heavy static imports with dynamic import and enabling webpack module concatenation reduced payloads from about 1 MB to a 12 kB initial… | ||
| Introduction to Micro Frontends | Ivan Jovanovic | 34m |
Claim: treat the UI like microservices and run independently deployed widgets. Implementation details: a simple fetch-and-inject bootstrap that loads JS/CSS… | ||
| W.T.F. is GraphQL | Ivan Goncharov | 40m |
Recently, there is a lot of hype around GraphQL and you are probably wondering if it is a good fit for your project. In my talk, I want to demystify GraphQL by… | ||
| From Monolithic Web App to Micro-Frontends – Extending Microservices Architecture to the Frontend | Rustam Aliyev, Ivan Martynov | 29m |
A large React monolithic web app was refactored into independently built, runtime‑loaded feature packages using a thin SPA that performs dependency injection… | ||
| Chrome Dev Tools. New & Tips | Roman Savitskyi | 32m |
I'll tell you about my tricks with chrome devTools, and also show the new features that were added to the latest versions. An overview speech tips that will… | ||
| Creating magic with houdini | Patrick Kettner | 31m |
Houdini exposes concrete APIs: CSS paint API that draws a QR code via a paint worklet and registerPaint, a layout worklet demonstrating a masonry layout… | ||
| Flow typing: your path from experiments to final implementation in an enterprise project | Leonid Baida | 30m |
Static typing remains a popular topic for discussions somewhat akin to a battle field. JS development world split up into its proponents and opponents. Don't… | ||
| How to scale an SPA to 1M views for $1? | Asim Hussain | 32m |
Claims that an SPA can hit 1M views for $1 by treating the front end as static and exploiting caching and CDNs while hosting assets on Azure Storage (or S3)… | ||
| Development Standards: A Step-by-Step Guide to Implementing Them Without Pain | Aleksandra Shinkevich | 31m |
Explains how to implement automated, enforced development standards by storing rules in the repo and running linters both in editors and in the build pipeline… | ||
| The Existential Crisis in the Blockchain Era | Alex Troush | 36m |
Blockchain technologies and immutable smart contracts require software design to be finalized before deployment and push business logic into open-source… | ||
| Passing Strings Using (In)finite-State Machines and Prepack | Valerii Sorokobatko | 32m |
A small CSS parser implemented as a finite-state machine that tokenizes input, builds an AST, validates syntax, highlights errors, and visualizes FSM states in… | ||
| WebAssembly vs JavaScript: Which Is Faster? | Alexandr Skachkov | 32m |
Compares WebAssembly and JavaScript performance by compiling Rust/C/C++ to wasm and running numeric, crypto, image-codec and real web workloads against JS… | ||
| React Refactoring Patterns | Radoslav Stankov | 31m |
Shows concrete refactors used to turn a 2014 jQuery mess into a React/Redux single‑page app, with component-as-folder structure, Flow types for build‑time… | ||
| RxJS in React, RxJS in Angular and Why We Should All Be Friends | Valentyn Barmashyn | 30m |
Shows how RxJS powers Angular’s reactive stack (ngRx effects) and can be used with React+Redux-style action streams by wiring actions to Rx operators. Presents… | ||
| You’re probably making an API client | Haroen Viaene | 29m |
An API client for Algolia exposes one-line wrappers over fetch, handles credentials via a client object, and uses objects-as-named-arguments so adding options… | ||
| Mining Crypto in the Browser: GPU, WebAssembly and Other Things to Try | Denis Radin | 27m |
Empirical evaluation of in-browser cryptocurrency mining: JavaScript single-threaded hashing (~66k H/s), WebWorkers (~200k H/s), slightly faster WebAssembly… | ||
| What Happens When You Don't Write the Code — Advice I Wish I'd Taken 10 Years Ago | Artem Zakharchenko | 26m |
How to reduce lost coding time that causes burnout by using concrete practices: prepare agendas and record decisions for meetings, split work into small pull… | ||
| nothing matches | ||