Please enable JavaScript to use this page!

AllTalks site logo
🍔

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

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


Tver.io

29 min

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

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

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

Я.Субботник

47 min

@yandex ui

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

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

SECON.Weekend про fromtend

84 min

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

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

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

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…

Я.Субботник

41 min

Бесконечная лента — без шуток

Валентин Каменек

Лирическая история о том, как делать бесконечную ленту контента, когда у тебя десятки миллионов пользователей, дюжина продуктов, в которые ты интегрируешься, а ты сам — часть Яндекса. В программе — д…

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…

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…

ChernivtsiJS

15 min

React Hooks

Oleksandr Oleksiv

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

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

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…

React Advanced

20 min

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

Emma Brillhart

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 …

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…

FrontendConf

58 min

New Adventures in Front-End, 2019 Edition

Виталий Фридман

The beast is alive! Have you optimized your JavaScript/CSS delivery for performance with HTTP/2 yet? How are you using service workers and server workers these days? What about critical CSS and Serve…

Chrome Dev Summit

25 min

Oh the things you’ll compile - modern WebAssembly

Thomas Nattestad, Ingvar Stepanyan

WebAssembly is an entirely new language format for the Web that lets you run languages that were previously impossible on the Web. Come to this talk to see how you can use WebAssembly in new ways, le…

SECON.Weekend про fromtend

62 min

ElectronJS. В чем магия

Александр Руденко

Каждый когда-то слышал, что десктопные приложения можно разрабатывать с использованием web-технологий. Но как? Для чего? Именно на эти вопросы я постараюсь вам ответить и показать, насколько мощным …

FrontendConf

49 min

Web Components, или Туда и обратно

Павел Малышев

* Что делать, если хочется больше ванилы? * Готовы ли веб-стандарты для решения прикладных задач разработки? * Есть ли жизнь после фреймворков?

CSSCAMP

35 min

More Than You Ever Wanted to Know About Resource Hints

Harry Roberts

Resource Hints are a great way for developers to make their web pages faster by allowing us to be a little bit smarter than the browser. Although not a new specification—they’ve been around in some f…

FrontendConf

55 min

React Native для самых маленьких: опыт мобильной разработки

Артем Лашевский

Что делать, если в бэклоге продуктовой команды появилась задача по разработке мобильного приложения с целью проверки гипотезы востребованности продукта и его удобства для пользователей? Я знаю ответ…

web.dev

38 min

Optimize for Core Web Vitals

Addy Osmani

In this hands-on talk, we cover tips & tricks for optimizing your user-experience to meet the Core Web Vitals. We use tools like Lighthouse & DevTools, show you code snippets for fixes, and highlight…