Avatar

Oleg Isonen

Software Engineer
Open Source contributor
Github LinkedIn Medium Twitter

I am a front-end focused engineer with back-end experience.

I love working on high-impact UI performance optimizations. My favorite type of work though is Architecture, because of how it impacts the entire organization. Architecture is what lets organizations collaborate and scale as well as optimize local performance.

I value readability and maintainability, because nothing makes me happier than making the future engineers enjoy working with my code because of its meaningful semantics, ease of change and removal as well as testability.

I like to work on tools, which improve the Developer Experience and that is why I invest in Open Source.

Read more…

Tech Stack

Open Source Projects

Current

Past

Professional Experience

Mai 2021 - Today | Tesla

Senior Staff Front-End Engineer

As part of the Core Automation Services Team, I develop UI interfaces and infrastructure that runs in every Tesla factory on all stations. This software is a human-machine interface allowing workers on assembly lines to manufacture cars in high volume.

I am responsible for UI architecture, UI infrastructure and E2E Testing of the application.

Achievements

  • I defined and implemented the UI architecture we are now using.
  • I laid out the foundation for conventions and best practices we are using.
  • I kicked of migration to TypeScript, ensuring we have a clear migration path and enforcing the best possible type-safety for the new code from now on.
  • I was a foundational part of our E2E Testing setup that is based on Playwright.
  • I am introducing the Tesla Design System to the product to make it consistent with the rest of the brand.
  • I am constantly looking and helping to improve the processes and tools around them.

Dec 2018 - Apr 2021 | Webflow

Senior JavaScript Engineer

Webflow is a tool for designers and makers that allows them to build a fully custom production-ready site that includes the designer, CMS, E-Commerce, and more.

My area is the designer. I was part of the engineering team building the UI that customers use to design their site.

Achievements

  • I laid the foundation of flow types in the style system. Webflow has adopted flow type retrospectively and my task was to define types for the existing style system.

    The type safety of the style system is now one of the best parts of the product. While it still isn't sound, changing types can inform an engineer of many of the call sites necessary to rectify.

    —Dustan Kasten, Engineering Manager
  • I refactored and migrated the synchronization logic for CSS in the designer. It was inconsistently serialized, deserialized, and modified during loading and saving phases. It was challenging because hundreds of thousands of sites were using differently generated CSS because of the changes introduced to the designer. I have managed to migrate the pre- and post-processing logic while making sure no site has been affected.

    Removing "styleText" was legit a big deal. Be proud of that! That has been looked at with closed- eyes by so many engineers over the years. Also, while it had a clear end goal, there wasn't much pre-defined on what to do, and you navigated a poorly lit tunnel to shut it off and learned a lot about our data integrity and a portion of our patching system along the way!

    —Dustan Kasten, Engineering Manager
  • I built parts of the new Style Engine as part of the Style System effort that is powering today local and default styles rendering on the canvas and server-side rendered atoms styles.
  • I lead the Distributed Architecture Pre-Brief. It's goal was to discuss and formalize architectural problems and potential solutions in the entire organization. We have collaboratively created a high-quality, concise document that laid a foundation for the roadmap for the years to come.
  • I have created several pull requests with proof of concepts for the CSS-in-JS solution Webflow could use to build it's Designer UI.
  • I created 2 RFC documents that encode patterns for optimizing performance, which will hopefully help shape the culture around performance and align the engineering with those specific ideas.
  • I was part of the Larger Breakpoints effort, which was quite a heavy refactoring of our breakpoints logic. We have unified the logic handling breakpoints across the entire designer, making it consistent, type-safe, easier to understand, and prepared for the next potential step - custom breakpoints.
  • I built "Isolation Mode" - a feature that would allow users to view a single component in isolation. It is a big deal for complex sites, where working on one particularly complex element in isolation reduces cognitive load and creates clarity.
  • I have been part of the componentization effort, fixing various bugs with nested symbols (components). In particular, I have been fixing a lot of bugs related to isolation mode and nestability.
  • I mentored several engineers, including senior engineers, by providing meaningful, in-depth explanations in Pull Requests and pair programming with them in real-time.
  • I made it my responsibility to increase test coverage and types coverage in every code area I touched myself or reviewed as a Pull Request.
  • I actively tackled technical debts by making them transparent through documentation and bringing them up in the sprint planning.

Apr 2018 - Sep 2018 | Ebay Classifieds MoVe

Software Architect JavaScript

MoVe is a secret new Ebay Classifieds Motors Vertical company.

My role is to align 4 Web Front-End teams with architectural choices and ensure the quality while moving fast and aligned with the release plan.
During that time I managed to introduce a new "Feature Driven Architecture" to the teams, wrote a number of ADRs and articles, created POCs for the architecture and GraphQL API Gateway.

Feb 2015 - Feb 2018 | Chatgrape

Lead Front-End Engineer

Smart messaging for big businesses.
Secure enterprise communication with integrations for all business services. On-premise or in the cloud.

The web application is built using technologies like React/Redux, JSS and Electron. It uses a fully virtualized messages history rendering by leveraging react-virtualized and though it provides a truly infinite scrolling on the web platform. Application is fully decoupled through React components, Redux and JSS. It works like a native application on Windows as well as on MacOS thanks to Electron. Also, it has an installer for Windows. It performs well and has low maintenance footprint.

Nov 2013 - Sep 2014 | Kiipost

Founder, Software Engineer

Kiipost is a mobile app which allows users to stay in the know about relevant updates, highly related to things they share online.

I worked on an MVP, a mobile app built with famo.us. The app is working cross platform, it is fully responsive on the level of native apps.

My Back-end aggregates 30k RSS feeds to provide updates to the user. I have created a tool called "extractor", which provides functionality similar to embedly. Backend is written using latest Node.js version, leveraging generators.
I use twitter API to access users tweets. I analyze users links, extract keywords, entities and images, I use readability algorithm to extract the right content. I created an algorithm to extract the most important keywords from articles.

I have open sourced the code of this projects

Tried, failed, learned.

Dec 2011 - Oct 2013 | Skim

Software Engineer

Created the backend service as well as web Front-End. Backend is done on top of Heroku's stateless infrastructure. It provides HTTP API for the web and mobile Front-End for Android and iOS. I used Node.js and MongoDB on the backend, backbone, jQuery and lots of other libraries on Front-End. Some of the challenging tasks were: scalable candidates calculation, real-time communication, Facebook integration, horizontal scale and constantly changing requirements.

I was the first employee of this new social dating platform. Our vision was to create a platform where people learn each other in a playful way, with no shame to share it.
Skim connects you with people around you. If the interest is mutual, we let you know on the spot. Life's a game – level up!

Oct 2011 - Nov 2011 | AudienceScience

UX Engineer

Refactored the UI for campaigns creation. Reduced amount of code by factor 2.

AudienceScience is transforming digital advertising from complex to simple, from murky to fully transparent, and from wasteful to extremely efficient, all with the goal of generating the best digital advertising performance for the advertiser, and the consumer.

Nov 2010 - Sep 2011 | Stealth startup

Founder, full stack Software Engineer

Tried. Failed to build a team. Learned a lot.
Used Node.js, MongoDB, Backbone, jQuery.

Dec 2008 - Dec 2010 | Jimdo

JavaScript Engineer

I was leading the company's Front-End development, created the complete architecture, dozens of high quality and high performance jQuery plugins. It was a challenging job because the company was growing very fast (from 500k to 3mio users). Within 2 years I have completely refactored the old code base, ported it from prototype.js to jQuery, did a huge amount of load and runtime performance optimizations.

Jimdo offers a free website creator that anyone can use. In just a few minutes and without any technical knowledge, everyone can create a place on the Internet – complete with online store, blog, photo galleries, YouTube videos and much more.

Jan 2008 - Dec 2008 | Mandarin Medien

Front-End developer

I was developing high performance UI components as jQuery plugins using JavaScript, CSS, HTML for company's own CMS. To name a few: Filemanager, WindowEngine, Tree, Tooltip, Lightbox, Image Cropper.

Jan 2006 - Nov 2007 | Mandarin Medien

Web developer

I was developing cross platform middle-sized projects using PHP, Smarty, MySql, HTML, CSS, JavaScript. Most of those projects are backed by the company's own CMS.

Mandarin Medien is a full-service web agency.

Languages