We’ve all looked at a chunk of code and had no idea what it does - only to realize that we were the ones who wrote it, six or so months ago. If we can’t read our own code after a few months, how can we expect anybody else to? What kind of effect does this have on developer productivity and overall project robustness? This talk will explore how we were able to make a client’s React codebase more readable and improve communication and productivity on their team by leveraging technologies like TypeScript, GraphQL, and React hooks in a rewrite of their website. Increase the speed at which new developers are able to onboard to your project, cut down on the time between when a PR is submitted and when it’s merged, and streamline the bug squashing process.
In this talk, we’ll create an effective mental model of React Hooks by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you…
In this talk, he'ill give a detailed walk-through of his personal dev setup for type safe web development with React, GraphQL, and TypeScript.
From a quick glance, it might not seem like D3 and React are a match made in heaven. After all, they’re both all about being in charge - who gets to render, who gets to update, who gets to decide how…
"Can we do this thing drag and droppable?". That’s one of the sentences that every front end developer fears the most. There are many DnD libraries out there but did you ever consider building someth…
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…
Slides: https://github.com/chernivtsijs/chernivtsijs-2019
Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…
Tensorflow.js brought Machine Learning to Javascript that gives a wide range of possibilities. Now it is possible to build, train and use ML models directly in browser. But the efficiency of ML model…
Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…
This talk will explore strategies for fixing performance issues in your apps when they arise. We will look at how we can make our React apps “Blazing” fast, and when it’s time to bail out of React in…
Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…
Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…
А реально обернуть REST API в GraphQL? И как сделать R&D для этой технологии? Обычно обкатку технологии принято делать на TodoMVC. Так и поступим. А коль Павел человек непростой, то придется брать и…
A wise man once said: "React is such a good idea that we will spend the rest of the decade continuing to explore its implications and applications”. In 2017, React Fiber was the thing in the communi…
Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад бу…
Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…
Как использовать компилятор TS для разбора и парсинга самого языка с последующей перегонкой в другие языки программирования? На примере своего проекта спикер покажет, как решали проблему связывания …
Это выступление о подходе, который позволяет эмулировать компьютерные системы с использованием веб-технологий (TypeScript, Сanvas, web audio). Расскажу, как устроена архитектура компьютеров на пример…
Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.