JS Fest 2020

Linting for TypeScript: Past, Present, and Future

With a language as complex and dynamic as JavaScript is, many of us rely on linters to help catch bugs. Until recently, TypeScript users primarily used TSLint, while the rest of the JavaScript community used ESLint. In this talk, we will cover the differences between these tools, discuss the story of how TypeScript support in ESLint was introduced, and walk through the process of converting a TSLint rule to an ESLint rule.

Passwords are so 1990

As long as we’ve been using the internet, and way before that, we have been authenticating through some sort of username and password combination. It has become the standard. With the ever-increasing number of web-apps, we’re seeing more and more data breaches as well. What if we could build our authentication processes in a way the user doesn’t need a password?

Building type-safe GraphQL APIs

GraphQL is becoming de facto the new standard for API development. This talk dives deep into one of the most powerful features of GraphQL - its type system - and also discusses the tools and best practices for building GraphQL APIs. You'll learn why building applications in a type-safe way is the gold standard for application development. You'll also see how it can reduce amount of bugs in your application by making its architecture more resilient and easier to evolve.

The Future of Web Performance

We’ve come quite far in web performance over the last decade, haven’t we? The connections are better than ever, the browsers smarter than ever, HTTP/2 is omnipresent and 5G is right here at the horizon! In fact, we’ve invented and mastered fancy code-splitting and tree-shaking techniques, reinvented bundling of assets in the world of HTTP/2 and learned how to minimize the payload to deploy fast and render soon. Are we done yet?
Not really. In this session, we’ll look into areas that still need some work to be done. What about next-generation image formats and video encoders? What about wide-established progressive rehydration and lazy-loaded frameworks? What about progressive deployment with JAM Stack and universal Brotli compression by default? We’ll also touch on priority hints, cutting-edge strategies for service workers, subsetting typographic spaces with variable fonts, performance optimization with Network Information API and Device Memory API, runtime optimizations with WebAssembly and analytics-based, predictive performance optimization. Also, we’ll explore the privacy/authentication aspects of performance and how new development will change the way we build and deploy on the web. The future isn’t here yet, let’s examine what it might bring to all of us!

Full-Stuck RunTime Type validation? YES!!!

Runtime boundaries type validation” or “full stuck type-safe”, - all this talking about the ability to validate types of data coming from external sources. It can be any API or WebHook Call, third-part form validation, DB queries results or file content (such as JSON or CSV). Let’s see how can we define runtime types for the expected data, that can be validated while the application is running, to create a smooth developer experience with strong assurances of correctness at build-time.

From Milliseconds to Millions: A Look at the Numbers Powering Web Performance

We all know performance is big business, but how big? Let's take a look at some of the numbers powering the web performance industry from both sides of the table. What do performance improvements mean for my clients, and how do we translate that into a working relationship?

На каком языке общаются QA и разработчики?

Тестировщики не понимают всю глубину и истинный смысл написанного функционала? Разработчики вечно просят больше деталей к карточке в trello "я нажал, а оно не работает"? Кто виноват в том, что порой мы говорим на разных языках и как этого избежать? В этом докладе мы разберем эти и подобные вопросы, а также постараемся ответить на них.

Эффективно чик-чик и в продакшен

Мы стартуем разработку проекта, нам нужно написать фронтенд и бекенд. Как это сделать эффективно? Помогут ли нам 12 факторов? А при разработке фронтенда? Как правильно использовать контейнеризацию? Как работать с git-ветками? Как работать с конфигами? Что с логами? Масштабирование? Миллион вопросов. В докладе я расскажу, как мы к этому всему подходим, какие инструменты мы используем, на какие грабли наступали.

Идеальная песочница с использованием V8

В своём докладе я покажу как создать идеальную "песочницу" для JavaScript с использованием движка V8.
Вы узнаете как, используя возможности V8 и конструкции JavaScript, создавать безопасные среды исполнения и для чего это может понадобиться.

The Mythical Senior Developer

A story about the never-ending professional journey, alcohol, unicorns, cynicism, egos, bubbles, and hurt feelings.
Why copy/paste practices are not going to make you invaluable, but thinking and working hard would? - In this talk, we are going to explore the habits that make or break professionals.
The talk is based on my personal experiences dealing with professionals in the software and other industries, over the past ~15 years or so. Although it is based on personal experiences and insights I am going to support the thesis by referencing some of the works of people like James Carse, Carl Jung, Jordan Peterson, Simon Sinek, Dale Carnegie, and others.

How to build your own web-based code editor & test runner?

Під час доповіді ви дізнаєтесь як побудувати власний веб редактор коду та безпечно запускати і тестувати клієнтський код. Починаючи від Frontend розробки, закінчуючи API та cloud functions. Поговоримо про AWS Lambda Functions, monaco-editor інші технології, а також розглянемо альтернативні рішення.

Browser gangbang: CDP + Webdriver W3C

За годы существования Selenium Webdriver стал официальным стандартом для автоматизации веб приложений. У него есть множество преимуществ, но также оказалось и много недостатков. К примеру невозможность более низкоуровневого контроля браузера. Из-за этого многие команды решают организовывать тестирование с использованием библиотеки Puppeteer. В ней используется другой канал связи - Chrome Debug Protocol, который коммуницирует с браузером через websocket. У него есть свои интересные преимущества такие как перехват HTTP запросов, подписка на события браузера, и множество других. В этом докладе мы посмотрим как можно управлять одним браузером через два канала - puppeteer и webdriver одновременно, зачем это нужно, в чем преимущества такой комбинации, и как это масштабируется с использованием тестовой фермы.

Рефакторинг React проектов

Любой проект, на определенном этапе своей жизни сталкивается с необходимостью существенно изменить используемые технологии или архитектурные решения.
В докладе я хотел бы поделиться опытом:
- Как не доводить или существенно отодвинуть необходимость рефакторинга.
- Как выбрать подходящий момент для проведения рефакторинга.
- Этапами планирования и реализации.
- Особенностями рефакторинга Highload проектов.
- Направлениями рефакторинга React проектов.

Web maps essentials

Що потрібно розробнику для побудови карти? Тайли, GeoJson, кластеризація та багато іншого. Приходьте буде цікаво..

Web performance metrics

Вебпродуктивність. Що ще тут розповісти? Всі ми знаємо, що це важливо, як не отримувати таких проблем і до чого це призводить.
Але якщо необхідно вирішити проблему серед мільйону ресурсів важко обрати потрібний.
Моя доповідь не тільки про рішення проблеми, а про находження інструментів та метрик для рішення проблеми. Чому саме ці метрики варто використовувати і як з цим жити.
Метрики, практики, проблеми, рішення. Які різні поняття, а насправді це цепочки, які нам разом необхідно виставити в логічний ряд.
Запрошую Вас побрейнштормити разом!

ApolloClient 3 – лучше чем Redux с REST API

В докладе Павел затронет тему болячек Redux с REST API. Предложит альтернативное решение – GraphQL и ApolloClient 3. Покажет как с новыми инструментами поднимется Developer Experience. Что нового и хорошего завезли в ApolloClient 3. И расскажет о болячках альтернативных GraphQL-клиентов – Relay, ApolloClient 2.

Context microisolation in Node.js

Архитектор технологического стека и лидер сообщества Метархия, преподаватель КПИ, руководитель R&D по разработке высоконагруженных облачных технологий, top-3 разработчик в Украине (по рейтингу фолловеров на github), Организатор митапов NodeUA, Kiev Node.js и How Programming Works (>15.000 инженеров), спикер >40 конференций, автор >160 видео лекций на youtube с >12.000 подписчиков, 25 лет в ИТ, эксперт в построении распределенных корпоративных приложений и архитектуре систем, кибернетике, базах данных, промышленной автоматизации, телеметрии, системном программировании, проектировании сетевых протоколов и серверов. Контрибьютор Impress Application Server, Node.js, JSTP и многих других open source проектов.

Enjoy End to End Testing as I Do

I am a developer who loves end to end testing. I want to make testing as simple as describing user's actions. I don't like diving into technical things, building complex CSS selectors, control flaky animations, add waiters, and timeouts. Nope! Testing is not about that! Testing is about writing user scenarios and automating them in a browser. You need to know what to test and how to reduce the impact & limitations of tools on your test scenarios. Let's take a look at how you can do that using CodeceptJS, testing framework which unites best tools on the market: Puppeteer, WebDriver and TestCafe.

Behind GraphQL Reference Implementation

You’ve definitely seen “graphql” (GraphQL.js) as a dependency of every GraphQL server written in JS, but developers rarely use it directly. In my talk, I will deep dive into GraphQL.js from the perspective of a core maintainer. I will describe the development process and philosophy behind it. I will explain why having GraphQL.js as reference implementation is important and how it helps to add new features into GraphQL. I will also demonstrate how you can use full power of this library to create killer GraphQL tools.

Web Developer Toolbox in 2020

Набор инструментов для дома для большинства один и тот же: синяя изолента, пара отверток, молоток, плоскогубцы и, возможно, что-то еще. А вот у веб-разработчиков наборы обычно разные. Да еще в них постоянно новинки, например yarn2.
Какие инструменты использовать в 2020? Для каждого из них Никита расскажет какие проблемы он решает, как его лучше изучить и адаптировать под ваш проект.
Будьте готовы после этого доклада к изменениям в вашем package.json и не только.

Дайте йому 100 днів, або Як приборкати роботу з асинхронними даними в Angular

Тебе вже не лякають слова Promise і async/await? Ти вже впевнено жонглюєш http-запитами, але не бачиш об’єктивних причин того, чому твоя Angular-аплікація працює не так, як тобі хотілося?
Давай разом розберемося, як робота з асинхронним кодом може впливати на швидкодію Angular, чому Observable не тільки складно, але й круто, та як писати твій асинхронний код так, щоб за тобою не бігали зі шваброю розлючені колеги.

Deep diving on Concurrent React

Writing fluid user interfaces becomes increasingly challenging as the application complexity increases. Thankfully, the React core team has been putting a lot of effort to improve this since the React Fiber rewrite – and, more recently, with features like Time Slicing, Suspense and a few new libraries resulting from Fiber.
Yet, in a world where all we hear are hooks™, the way these different pieces of the Concurrent React umbrella work is not always well detailed.
That's why we’ll explore how properly scheduling UI work improves your app’s user experience by diving into Concurrent React and learning how it improves the responsiveness of web applications.
Last but not least, we'll take a glimpse into the future of the Web platform.

Tree Shaking like a Sasquatch

Tree shaking is one of those things that every good JS and TS developer knows they need. It’s vital to reducing bundle size and thus optimizing the time our users need to wait for our site to be interactive. Likely we don’t really think about how importing (and exporting) from all of the modules we use affects our bottom line, we just grab what we need from npm and get things done! Sadly as good developers life isn’t quite so simple.
Going back in time we will run through a (brief) history of modules: import, export, require, CommonJS, AMD, ES6 modules and more! Getting a better understanding of these can help you and your team write better code both for using and providing modules. Then we’ll fast forward and talk about the state of modules today, and investigate a few examples of how different module types behave when tree shaking. We’ll finish up by drawing some guidelines and talking about what we can do in our projects to make sure we’re maximizing the gains when tree shaking.

TDD без тестов

Мой доклад про то, как я начал писать на продакшене по TDD (Test Driven Development) и понял, что тесты в этом подходе не главное. Что продумывание своей работы наперед несет гораздо большую ценность. Мы рассмотрим почему никто не хочет писать по TDD и как преодолеть этот барьер. Также я покажу как пишу код я и расскажу почему это приносит гораздо больше удовольствия, чем раньше.