Aleksandr Shushunov - Let's kill lifecycle

•

0 likes•141 views

OdessaJS Conf

Technology

Let's kill
lifecycle
Александр Шушунов
version 1.3

5
Как дошёл до жизни такой
Получаю деньги за код ≈ 14 лет

14
Lifecycle мешает команде React
reactjs.org/blog/2018/03/27/update-on-async-rendering.html
Observable

16
Что делать?
Не использовать
Lifecycle!
(хотя бы в клиентском коде)

20
redux-form
<Field name="boo" …>
Actions
Selectors

25
Пример.
Дальше все будет про DX
Значит пришло время IDE…

26
Проблема lifеcycle
Код превращается в кашу
Не декларативно!

27
А что нам нужно
• Как-то отреагировать на
изменения состояния
приложения
• Сделать сайд эффект

28
Complexity: Divide and Conquer!
How to decouple state and UI (a.k.a.
you don’t need componentWillMount)

30
Middleware
«Выносите
сайд эффекты
в middleware»
© Древняя китайская мудрость

31
Как работает Redux-Saga
Action Reducer Store

32
Как работает Redux-Saga
Action Reducer Store
Middleware

36
Как работает Redux-Saga
Watcher
Worker

37
Как работает Redux-Saga
Последовательность
действий
Асинхронность
+

38
Как работает Redux-Saga
Последовательность
действий
Асинхронность
+ = Generators

40
Все хорошо, но
• Надо работать только через
redux-store
• Generators
• Декларативно
• А что еще нужно )

43
Как работает redux-observable
Epic
actions
state
new actions

45
Все хорошо, но
• Надо работать только через
redux-store
• Rx
• Еще декларативнее
• Нет специального DSL

48
Давайте напишем свое
+ =
react-redux-rxjs
github.com/redneckz/react-redux-rxjs

49
Давайте напишем свое
connect
props
state
new props
actions

51
Все хорошо, но
• Две звезды на github L
• Rx
• Так же декларативно
• Не надо дополнительных
манипуляций с redux-store

53
Реальность
HOC
(lifecycle)
new propsprops
actions

54
Реальность
HOC
(lifecycle)
new propsprops
actions

57
Вопросы?
github.com/AlexanderShushunov/lets-kill-lifecycle
@ashushunov
Alexander_Shushunov@epam.com

Programmers make architectural decisions everyday with each new feature, a tiny fix or an overhauling refactoring. Unfortunately, a fashionable pattern-of-the-day or a cutting edge technology is often given undue emphasis, whereas a comprehensive quality picture is overlooked. We will discuss the symptoms of a rotting design and how to avoid them by applying the SOLID architecture design principles. Andrey is a full-stack software developer with more than 10 years of experience with C#, .NET, SQL, Java and the web. Currently he is programming mostly in Java and JavaScript for the mobile web.

"Flux — новый взгляд на старые проблемы" — Сергей Прохоров, MoscowJS 18MoscowJS

Remote (dev)tools своими руками

Roman Dvornov

Рано или поздно возникает необходимость в собственных инструментах по разным причинам: либо не хватает готовых, либо есть какая-то особенность в проекте. Разработка инструментов, работающих в браузере, является непростой задачей. Самое сложное — чтобы они умели работать удаленно, вне страницы. Это многих пугает — нужно много сделать и во многом разобраться. Но если большая часть проблем уже решена, и можно сосредоточиться лишь на основной функции инструмента? Что если такие инструменты смогут работать в произвольном WebView, будь оно встроено в браузер, редактор или другое приложение на любом устройстве? Доклад про удалённые инструменты: какие есть сложности и как их обойти, как перестать бояться и начать делать инструменты под свои задачи и технологический стек.

Акторы на C++: стоило ли оно того?

Yauheni Akhotnikau

Для чего мы делали свой акторный фреймворк и что из этого вышло?

Yauheni Akhotnikau

The document describes the process by which someone decided on a topic for their presentation. They initially considered topics like animations or differential equations. After seeing an animation example, they wanted to create one themselves from 0 to 1, but struggled for over a day to get the math right. They eventually landed on an exponential function that achieved the desired animation effect over time. They questioned why they went through so much effort to figure this out.

"Is there life in react without redux" by Babich Sergiy. OdessaJS'2021

OdessaJS Conf

Олексій Павленко. CONTRACT PROTECTION ON THE FRONTEND SIDE: HOW TO ORGANIZE R...

OdessaJS Conf

The document discusses various approaches for performing contract protection on the frontend side such as integration testing, law-driven contract testing, consumer-driven contract testing, and runtime checking. It then focuses on runtime checking, explaining what it is and how it can add an extra step to quality assurance by allowing integration errors to be responded to in real time. Details are provided on Oleksii Pavlenko who is an engineering manager, PhD holder, and former professional basketball player with interests in surfing, snowboarding, and other boardsports.

Андрій Троян. Розробка мікросервісів з NestJS. OdessaJS'2021

OdessaJS Conf

This document discusses NestJS, a framework for building Node.js microservices. It introduces microservices and their key characteristics like loose coupling and independent deployment. It then covers how NestJS provides an architecture that allows for highly testable, scalable, and maintainable applications. Specific NestJS features are summarized like modules, controllers, providers, pipes, error handling, and decorators. Finally, it discusses using NestJS for microservices, including different transporters and message styles like request-response and event-based communication.

Олексій Гончар "Використання Electron в розробці корпоративної відео-мессeндж...

OdessaJS Conf

Максим Климишин "Що такого особливого у пропозиції вартості шаблону Micro Fro...

OdessaJS Conf

Micro frontends is a design pattern that splits an application into multiple independently deployable frontend applications to reduce dependencies between teams and improve the speed of delivery. This approach can reduce execution and delivery risks like long cycle times and inconsistent user experiences. It allows for more autonomous teams and faster time to market. However, it also introduces some risks around broken user interfaces if components are not built consistently. Adopting a micro frontends approach requires buy-in from engineering leadership as well as change management to shift teams away from old habits.

Павло Галушко. GOOD CODE MYTHS. OdessaJS'2021

OdessaJS Conf

The document discusses myths about writing good JavaScript code. Some myths addressed include: that good code is only for aesthetics; that programming is only about writing code; and that principles and patterns from object-oriented programming do not apply to JavaScript. The presentation argues that good code is important for business reasons like maintenance and refactoring costs. It emphasizes writing testable code, following style guides, and applying design principles universally.

"NODEJS & GRAPHQL COOKBOOK. LET’S TALK ABOUT MICRO-SERVICES" by Антон Чередні...

OdessaJS Conf

'BUILDING ANGULAR APPS WITH NX' by Anastasia Necheporenko

OdessaJS Conf

This document discusses approaches to managing Angular applications, including using multiple repositories versus a monorepository. It notes advantages and disadvantages of each, such as isolation but also hard dependencies with multiple repos, versus easy code sharing but potential messiness with a monorepo. The document then introduces Nrwl Nx as an open-source tool that helps manage monorepos for Angular apps, providing features like dependency graphs, smart rebuilds, and code generators. However, it cautions that using Nx requires following its structure patterns and configurations, and migrating codebases and teams to its approach can also require effort.

'IS THERE JAVASCRIPT ON SWAGGER PLUGINS?' by Dmytro Gusev

OdessaJS Conf

This document discusses JavaScript plugins for the Swagger API documentation framework. It begins with an overview of Swagger and related tools like swagger-editor. It then covers challenges with customizing Swagger and different approaches tried, like using custom Swagger definitions or closures. The main topics covered are the plugin system architecture, including available React components, Redux state management, and plugin APIs. It asks several questions about how to interact with and extend the plugin system.

'ETHEREUM SMART CONTRACTS ON JS' by Yaroslav Dvorovenko

OdessaJS Conf

This document discusses Ethereum, smart contracts, and blockchain technology. It defines Ethereum as a cryptocurrency platform that allows for decentralized services and applications through the use of smart contracts written in the Solidity programming language. Smart contracts are computer programs that automatically execute transactions, actions, and legally relevant events without the need for intermediaries. The document provides examples of how smart contracts could be used for elections, digital currency, and instant money transfers with low fees. It also discusses tools like Ganache, Truffle, and Web3.js that allow for developing, testing, and interacting with smart contracts and decentralized applications.

'GOLANG USAGE IN DEVELOPMENT OF NODE.JS APPLICATIONS (NODE.JS: IN GO WE TRUST...

OdessaJS Conf

'MICROFRONTENDS WITH REACT' by Liliia Karpenko

OdessaJS Conf

This document discusses microfrontends architecture. It begins by explaining why an organization may want to use a microfrontends approach, such as when different teams in different locations need to work on the same project simultaneously. It then discusses some of the downsides of a monorepo approach and when a monorepo may be preferable to microfrontends. The document outlines some of the challenges microfrontends can present and why they can also be a good choice. It provides examples of how to divide an app into microfrontends, such as by routes, features, or a combination, and options for using different frameworks within microfrontends like web components, module federation, and iframes. It concludes by discussing testing and development

'Web performance metrics' BY ROMAN SAVITSKYI at OdessaJS'2020

OdessaJS Conf

Let's brainstorm web-productivity? It's easy to get lost in different sources - so how to choose them wisely? Main topics: Metrics, best practices, problems and solutions Вебпродуктивність. Що ще тут розповісти? Всі ми знаємо, що це важливо, як не отримувати таких проблем і до чого це призводить. Але якщо необхідно вирішити проблему серед тонни ресурсів важко обрати потрібний. Моя доповідь не тільки про рішення проблеми, а про находження інструментів та метрик для рішення проблеми. Чому саме ці метрики варто використовувати і як з цим жити. Метрики, практики, проблеми, рішення. Які різні поняття, а насправді це цепочки, які нам разом необхідно виставити в логічний ряд. Запрошую Вас побрейнштормити разом!

'STORY OF ANOTHER ANIMATION' by YURII ARTYUKH at OdessaJS'2020

OdessaJS Conf

'JavaScript was invented in Odessa' by DMITRIY GUSEV at OdessaJS'2020

OdessaJS Conf

'Why svelte' by BORYS MOHYLA at OdessaJS'2020

OdessaJS Conf

'Effective node.js development' by Viktor Turskyi at OdessaJS'2020

OdessaJS Conf

'Tensorflow.js in real life' by Pavlo Galushko at OdessaJS'2020

OdessaJS Conf