Please enable JavaScript to use this page!

AllTalks site logo
🍔

A More Readable React Codebase Using TypeScript, GraphQL, and Hooks

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.


React Advanced

33 min

React (with Hooks) from Scratch

Shawn Wang

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…

Nordic.js

25 min

Full Stack Type Safety with React, GraphQL, and TypeScript

Robert Zhu

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.

React Advanced

28 min

Hooked on D3: Creating Animated Ch(art)s with D3 and React Hooks

Monica Wojciechowska

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…

React Advanced

24 min

What a Drag

Vojtech Miksu

"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…

Tver.io

29 min

React Reconciler: как написать собственный рендерер

Ярослав Лосев

Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в…

ChernivtsiJS

15 min

React Hooks

Oleksandr Oleksiv

Slides: https://github.com/chernivtsijs/chernivtsijs-2019

Я.Субботник

43 min

Путешествие до React и обратно

Александр Нефедов

Расскажу о том, как переводил админку главной страницы с бутстрапа на Реакт, а потом на Свелт. Что есть схожего, какие вскрылись плюсы и минусы в рамках такого переписывания, и в какие получились выв…

React Advanced

28 min

Visual Feature Engineering for Machine Learning with React

Olga Petrova

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…

YaTalks

63 min

Когда документация — просто космос

Наталья Теплхина, Дэн Абрамов, Алена Батицкая

Вы написали библиотеку. Но чтобы ей начали пользоваться, к ней должна прилагаться хорошая и понятная документация. Как её писать? Что делать, если нужна многоязычность? Как создать понятную навигацию…

React Advanced

41 min

Keynote: Performance is magic

Ken Wheeler

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…

Я ❤︎ Фронтенд

43 min

WebAssembly и веб на TypeScript

Александр Коротаев

Многих останавливает разработка на WASM, потому что придётся учить С или Rust, популярные в WASM-сообществе, но есть решение — AssemblyScript. Он позволяет писать на TypeScript и компилировать бинарн…

HolyJS

19 min

Улучшаем качество кода React-приложения с помощью Compound Components

Александр Дунай

Скорее всего, вы сталкивались с проблемой, когда ваш React-компонент становится большим, сложным и в нем появляется куча условий. Согласитесь, такие компоненты сложно читать, ревьюить и вообще понима…

HolyJS

73 min

Оборачиваем существующее REST API в GraphQL (методология за 1000000 рублей)

Павел Черторогов

А реально обернуть REST API в GraphQL? И как сделать R&D для этой технологии? Обычно обкатку технологии принято делать на TodoMVC. Так и поступим. А коль Павел человек непростой, то придется брать и…

JavaScript fwdays

39 min

The best is yet to come: the Future of React

Matheus Albuquerque

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…

ITeaConf

25 min

Что не так с React.js? Best practices vs code smells

Александр Погорелов

Доклад начну с представления себя и плана презентации, потом разберу каждый из смысловых блоков, которых всего три: немного о самом фреймворке; разбор "запахов" кода; разбор лучших практик. Доклад бу…

Я.Субботник

47 min

@yandex ui

Владимир Гринеко

Презентация @yandex/ui — open source библиотеки React-компонентов от Яндекса. Компоненты используются внутри и отвечают самым строгим требованиям: темизируемость (дизайн отдельно, управление визуалом…

HolyJS

37 min

Как мы TypeScript в Java перегоняли

Евгений Никифоров

Как использовать компилятор TS для разбора и парсинга самого языка с последующей перегонкой в другие языки программирования? На примере своего проекта спикер покажет, как решали проблему связывания …

Я.Субботник

46 min

Эмуляция NES Famicom Dendy на веб технологиях

Евгений Кузнецов

Это выступление о подходе, который позволяет эмулировать компьютерные системы с использованием веб-технологий (TypeScript, Сanvas, web audio). Расскажу, как устроена архитектура компьютеров на пример…

SECON.Weekend про fromtend

84 min

Разбираемся в сортах реактивности

Дмитрий Карловский

Сравним различные подходы к реактивному программированию. Вытащим на поверхность их подводные камни. И разберём как реактивность решает или наоборот усугубляет проблемы.