View models for component driven

•Download as PPTX, PDF•

2 likes•1,363 views

Доклад Алексея Демедецкого на Cъесть собаку #4, 18/08/2016 Тезисы: - Стоимость изменений в коде как определяющий фактор успеха проекта; - Важность декомпозиции для поддержки низкой стоимости изменений; - Тесты, как гарантия стабильности поведения; - ViewModel как основная абстракция над UIKit; - Функциональный подход при декомпозиции; - Правило внутренних зависимостей; - Правило внешнего контекста; - Применение в основных архитектурах: MVC, VIPER, MVVM; - Выводы. Подробнее: http://eatdog.com.ua/

@daloog#eatdog
Component Driven
…and modular UI code with
ViewModel
Alexey Demedetskyi

@daloog#eatdog
“Design is never done.”

@daloog#eatdog

@daloog#eatdog
Art

@daloog#eatdog
Art
Engineering

@daloog#eatdog
Art
Engineering
UI - ?

@daloog#eatdog

@daloog#eatdog
Driver?

@daloog#eatdog
Feedback loop

@daloog#eatdog
Definition of
done

@daloog#eatdog
Evolution?

@daloog#eatdog
Better result

@daloog#eatdog
Better tools

@daloog#eatdog
Art
Engineering
UI - ?

@daloog#eatdog
Art
Engineering
UI

@daloog#eatdog
UI is the hardest CS
problem

@daloog#eatdog

@daloog#eatdog

@daloog#eatdog

@daloog#eatdog

@daloog#eatdog
Zero* dependency** rule
* - not actually zero
** - internal is ok

@daloog#eatdog
Module
External
dependency

@daloog#eatdog
TDD?

@daloog#eatdog

@daloog#eatdog
Singletons

@daloog#eatdog
Parent is always
responsible for child
dependencies

@daloog#eatdog
Module
Internal
dependency

@daloog#eatdog
Module context always
should be external

@daloog#eatdog
Zero dependency
UI?

@daloog#eatdog
Component
UI

@daloog#eatdog

@daloog#eatdog
Action

@daloog#eatdog
VM == Props

@daloog#eatdog
MVVM

@daloog#eatdog
React

@daloog#eatdog
VM + Dynamic
Animations, partial updates, etc.

@daloog#eatdog
Deposit
Time

@daloog#eatdog
Deposit
Time

@daloog#eatdog
Deposit
Time
++ - - -

@daloog#eatdog
State = f(t)

@daloog#eatdog
Event = ΔState

@daloog#eatdog
State = ∫Event

@daloog#eatdog

@daloog#eatdog
CQRS
Event sourcing

@daloog#eatdog

@daloog#eatdog
Data driven

@daloog#eatdog
VM + Complexity
Containers, transition

@daloog#eatdog
m/@dan_abramov/smart-and-dumb-components-7ca2f9

@daloog#eatdog
FriendsList
VC
Friend VC
FriendsList
VM
Friend VM

@daloog#eatdog

@daloog#eatdog

@daloog#eatdog
Shared state

@daloog#eatdog
http://redux.js.org

@daloog#eatdog
Questions?
dalog@me.com

Recommended

Fractal test planning

Fractal test planning

Fractal test planningGil Zilberfeld

Beter code for better tests

Beter code for better tests

Beter code for better testsGil Zilberfeld

Awesome application in 2014

Awesome application in 2014

Awesome application in 2014Codemotion

Data flow layer. Захарченко Артем

Data flow layer. Захарченко Артем

Data flow layer. Захарченко АртемEatDog

Выжить с помощью ООП. Максим Гопей

Выжить с помощью ООП. Максим Гопей

Выжить с помощью ООП. Максим ГопейEatDog

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемость

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемость

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемостьEatDog

Mapbox GL: как работают современные векторные карты

Mapbox GL: как работают современные векторные карты

Mapbox GL: как работают современные векторные картыEatDog

Принципы Solid на практике

Принципы Solid на практике

Принципы Solid на практикеEatDog

Recommended

Fractal test planning

Fractal test planning

Fractal test planningGil Zilberfeld

Beter code for better tests

Beter code for better tests

Beter code for better testsGil Zilberfeld

Awesome application in 2014

Awesome application in 2014

Awesome application in 2014Codemotion

Data flow layer. Захарченко Артем

Data flow layer. Захарченко Артем

Data flow layer. Захарченко АртемEatDog

Выжить с помощью ООП. Максим Гопей

Выжить с помощью ООП. Максим Гопей

Выжить с помощью ООП. Максим ГопейEatDog

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемость

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемость

API в SAAS, с облаком и без: ресурсы, SLA, балансировка, расширяемостьEatDog

Mapbox GL: как работают современные векторные карты

Mapbox GL: как работают современные векторные карты

Mapbox GL: как работают современные векторные картыEatDog

Принципы Solid на практике

Принципы Solid на практике

Принципы Solid на практикеEatDog

Android Made Simple

Android Made Simple

Android Made SimpleGabriel Dogaru

The Battle of the IDEs

The Battle of the IDEs

The Battle of the IDEsKo Turk

Google Assistant Overview

Google Assistant Overview

Google Assistant Overview AI.academy

Clean architecture

Clean architecture

Clean architectureLieven Doclo

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020Ko Turk

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheimapidays

The patterns guide to the selenium

The patterns guide to the selenium

The patterns guide to the seleniumGlobalLogic Ukraine

JCON - The Battle of the IDEs

JCON - The Battle of the IDEs

JCON - The Battle of the IDEsKo Turk

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application DevelopmentJustin James

Strategies for Mobile eLearning

Strategies for Mobile eLearning

Strategies for Mobile eLearningeaselsolutions

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18Horacio Gonzalez

Software Design patterns on Android English

Software Design patterns on Android English

Software Design patterns on Android EnglishPedro Vicente Gómez Sánchez

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradleinovex GmbH

Android Studio und gradle

Android Studio und gradle

Android Studio und gradleDominik Helleberg

User Experience For Wearables

User Experience For Wearables

User Experience For WearablesR. Caner Yıldırım

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...Codemotion

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your projectCeline Boudier

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire IndustryMongoDB

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design ProjectsFITC

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design ProjectsAndrew Smyk

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем? EatDog

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizonsEatDog

More Related Content

Similar to View models for component driven

Android Made Simple

Android Made Simple

Android Made SimpleGabriel Dogaru

The Battle of the IDEs

The Battle of the IDEs

The Battle of the IDEsKo Turk

Google Assistant Overview

Google Assistant Overview

Google Assistant Overview AI.academy

Clean architecture

Clean architecture

Clean architectureLieven Doclo

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020Ko Turk

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheimapidays

The patterns guide to the selenium

The patterns guide to the selenium

The patterns guide to the seleniumGlobalLogic Ukraine

JCON - The Battle of the IDEs

JCON - The Battle of the IDEs

JCON - The Battle of the IDEsKo Turk

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application DevelopmentJustin James

Strategies for Mobile eLearning

Strategies for Mobile eLearning

Strategies for Mobile eLearningeaselsolutions

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18Horacio Gonzalez

Software Design patterns on Android English

Software Design patterns on Android English

Software Design patterns on Android EnglishPedro Vicente Gómez Sánchez

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradleinovex GmbH

Android Studio und gradle

Android Studio und gradle

Android Studio und gradleDominik Helleberg

User Experience For Wearables

User Experience For Wearables

User Experience For WearablesR. Caner Yıldırım

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...Codemotion

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your projectCeline Boudier

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire IndustryMongoDB

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design ProjectsFITC

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design ProjectsAndrew Smyk

Similar to View models for component driven (20)

Android Made Simple

Android Made Simple

Android Made Simple

The Battle of the IDEs

The Battle of the IDEs

The Battle of the IDEs

Google Assistant Overview

Google Assistant Overview

Google Assistant Overview

Clean architecture

Clean architecture

Clean architecture

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020

The Battle of the IDEs @DevNexus 2020

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

apidays LIVE Paris - GraphQL: the AppSec perspective by Vladimir de Turckheim

The patterns guide to the selenium

The patterns guide to the selenium

The patterns guide to the selenium

JCON - The Battle of the IDEs

JCON - The Battle of the IDEs

JCON - The Battle of the IDEs

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application Development

Ionic - Revolutionizing Hybrid Mobile Application Development

Strategies for Mobile eLearning

Strategies for Mobile eLearning

Strategies for Mobile eLearning

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18

Beyond Polymer - JUG Summer Camp - 2015-09-18

Software Design patterns on Android English

Software Design patterns on Android English

Software Design patterns on Android English

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradle

Auf Augenhöhe mit Android Studio und Gradle

Android Studio und gradle

Android Studio und gradle

Android Studio und gradle

User Experience For Wearables

User Experience For Wearables

User Experience For Wearables

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

Gianluca Esposito - It's time to go Native! (with JavaScript and React Native...

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your project

The right tool - choosing a technical tool for your project

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

How Choosing MongoDB Is Helping Us Disrupt an Entire Industry

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design Projects

Managing Responsive Design Projects

More from EatDog

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем? EatDog

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizonsEatDog

Dependency Injections in Kotlin

Dependency Injections in Kotlin

Dependency Injections in KotlinEatDog

Быстрый в имплементации и в работе мониторинг с использованием ELK

Быстрый в имплементации и в работе мониторинг с использованием ELK

Быстрый в имплементации и в работе мониторинг с использованием ELKEatDog

Continuous integration / continuous delivery

Continuous integration / continuous delivery

Continuous integration / continuous deliveryEatDog

Как мы экспериментируем в больших микросервисных системах

Как мы экспериментируем в больших микросервисных системах

Как мы экспериментируем в больших микросервисных системахEatDog

Отказоустойчивый Redis кластер

Отказоустойчивый Redis кластер

Отказоустойчивый Redis кластерEatDog

Кодстайл и насилие.

Кодстайл и насилие.

Кодстайл и насилие. EatDog

Refactor to Reactive With Spring 5 and Project Reactor

Refactor to Reactive With Spring 5 and Project Reactor

Refactor to Reactive With Spring 5 and Project ReactorEatDog

GraphQL: APIs the New Way.

GraphQL: APIs the New Way.

GraphQL: APIs the New Way.EatDog

Большие проекты, архитектура и фреймворки.

Большие проекты, архитектура и фреймворки.

Большие проекты, архитектура и фреймворки.EatDog

Microservices in a Wild.

Microservices in a Wild.

Microservices in a Wild.EatDog

Dependency Rejection and TDD without Mocks

Dependency Rejection and TDD without Mocks

Dependency Rejection and TDD without MocksEatDog

Стероиды для Дотнетчика

Стероиды для Дотнетчика

Стероиды для ДотнетчикаEatDog

Domain Driven Design – просто о сложном.

Domain Driven Design – просто о сложном.

Domain Driven Design – просто о сложном.EatDog

OWASP: безопасное программирование на PHP.

OWASP: безопасное программирование на PHP.

OWASP: безопасное программирование на PHP.EatDog

Нельзя просто так взять и сделать версионирование API

Нельзя просто так взять и сделать версионирование API

Нельзя просто так взять и сделать версионирование APIEatDog

Влияние UX на исходный код приложения. Валерий Сорокобатько

Влияние UX на исходный код приложения. Валерий Сорокобатько

Влияние UX на исходный код приложения. Валерий СорокобатькоEatDog

Angular vs Angular 2 vs React. Сергей Александров

Angular vs Angular 2 vs React. Сергей Александров

Angular vs Angular 2 vs React. Сергей АлександровEatDog

Distributed Domain Driven Design with the help of Azure Reliable Actors

Distributed Domain Driven Design with the help of Azure Reliable Actors

Distributed Domain Driven Design with the help of Azure Reliable ActorsEatDog

More from EatDog (20)

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем?

Классифицируем текст в iOS без CoreML: как и зачем?

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizons

macOS app development for iOS devs: expand your horizons

Dependency Injections in Kotlin

Dependency Injections in Kotlin

Dependency Injections in Kotlin

Быстрый в имплементации и в работе мониторинг с использованием ELK

Быстрый в имплементации и в работе мониторинг с использованием ELK

Быстрый в имплементации и в работе мониторинг с использованием ELK

Continuous integration / continuous delivery

Continuous integration / continuous delivery

Continuous integration / continuous delivery

Как мы экспериментируем в больших микросервисных системах

Как мы экспериментируем в больших микросервисных системах

Как мы экспериментируем в больших микросервисных системах

Отказоустойчивый Redis кластер

Отказоустойчивый Redis кластер

Отказоустойчивый Redis кластер

Кодстайл и насилие.

Кодстайл и насилие.

Кодстайл и насилие.

Refactor to Reactive With Spring 5 and Project Reactor

Refactor to Reactive With Spring 5 and Project Reactor

Refactor to Reactive With Spring 5 and Project Reactor

GraphQL: APIs the New Way.

GraphQL: APIs the New Way.

GraphQL: APIs the New Way.

Большие проекты, архитектура и фреймворки.

Большие проекты, архитектура и фреймворки.

Большие проекты, архитектура и фреймворки.

Microservices in a Wild.

Microservices in a Wild.

Microservices in a Wild.

Dependency Rejection and TDD without Mocks

Dependency Rejection and TDD without Mocks

Dependency Rejection and TDD without Mocks

Стероиды для Дотнетчика

Стероиды для Дотнетчика

Стероиды для Дотнетчика

Domain Driven Design – просто о сложном.

Domain Driven Design – просто о сложном.

Domain Driven Design – просто о сложном.

OWASP: безопасное программирование на PHP.

OWASP: безопасное программирование на PHP.

OWASP: безопасное программирование на PHP.

Нельзя просто так взять и сделать версионирование API

Нельзя просто так взять и сделать версионирование API

Нельзя просто так взять и сделать версионирование API

Влияние UX на исходный код приложения. Валерий Сорокобатько

Влияние UX на исходный код приложения. Валерий Сорокобатько

Влияние UX на исходный код приложения. Валерий Сорокобатько

Angular vs Angular 2 vs React. Сергей Александров

Angular vs Angular 2 vs React. Сергей Александров

Angular vs Angular 2 vs React. Сергей Александров

Distributed Domain Driven Design with the help of Azure Reliable Actors

Distributed Domain Driven Design with the help of Azure Reliable Actors

Distributed Domain Driven Design with the help of Azure Reliable Actors

Recently uploaded

React Server Component in Next.js by Hanief Utama

React Server Component in Next.js by Hanief Utama

React Server Component in Next.js by Hanief UtamaHanief Utama

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin

Folding Cheat Sheet #4 - fourth in a series

Folding Cheat Sheet #4 - fourth in a series

Folding Cheat Sheet #4 - fourth in a seriesPhilip Schwarz

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

chapter--4-software-project-planning.ppt

chapter--4-software-project-planning.ppt

chapter--4-software-project-planning.pptkotipi9215

Professional Resume Template for Software Developers

Professional Resume Template for Software Developers

Professional Resume Template for Software DevelopersVinodh Ram

Intelligent Home Wi-Fi Solutions | ThinkPalm

Intelligent Home Wi-Fi Solutions | ThinkPalm

Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700

What is Fashion PLM and Why Do You Need It

What is Fashion PLM and Why Do You Need It

What is Fashion PLM and Why Do You Need ItWave PLM

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.

Asset Management Software - Infographic

Asset Management Software - Infographic

Asset Management Software - InfographicHr365.us smith

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh

Automate your Kamailio Test Calls - Kamailio World 2024

Automate your Kamailio Test Calls - Kamailio World 2024

Automate your Kamailio Test Calls - Kamailio World 2024Andreas Granig

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure

Cloud Management Software Platforms: OpenStack

Cloud Management Software Platforms: OpenStack

Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ

The Evolution of Karaoke From Analog to App.pdf

The Evolution of Karaoke From Analog to App.pdf

The Evolution of Karaoke From Analog to App.pdfPower Karaoke

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin

MYjobs Presentation Django-based project

MYjobs Presentation Django-based project

MYjobs Presentation Django-based projectAnoyGreter

Cloud Data Center Network Construction - IEEE

Cloud Data Center Network Construction - IEEE

Cloud Data Center Network Construction - IEEEVICTOR MAESTRE RAMIREZ

Unveiling Design Patterns: A Visual Guide with UML Diagrams

Unveiling Design Patterns: A Visual Guide with UML Diagrams

Unveiling Design Patterns: A Visual Guide with UML DiagramsAhmed Mohamed

Recently uploaded (20)

React Server Component in Next.js by Hanief Utama

React Server Component in Next.js by Hanief Utama

React Server Component in Next.js by Hanief Utama

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...

Folding Cheat Sheet #4 - fourth in a series

Folding Cheat Sheet #4 - fourth in a series

Folding Cheat Sheet #4 - fourth in a series

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

chapter--4-software-project-planning.ppt

chapter--4-software-project-planning.ppt

chapter--4-software-project-planning.ppt

Professional Resume Template for Software Developers

Professional Resume Template for Software Developers

Professional Resume Template for Software Developers

Intelligent Home Wi-Fi Solutions | ThinkPalm

Intelligent Home Wi-Fi Solutions | ThinkPalm

Intelligent Home Wi-Fi Solutions | ThinkPalm

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...

(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...

What is Fashion PLM and Why Do You Need It

What is Fashion PLM and Why Do You Need It

What is Fashion PLM and Why Do You Need It

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data

Asset Management Software - Infographic

Asset Management Software - Infographic

Asset Management Software - Infographic

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Automate your Kamailio Test Calls - Kamailio World 2024

Automate your Kamailio Test Calls - Kamailio World 2024

Automate your Kamailio Test Calls - Kamailio World 2024

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

Call Girls In Mukherjee Nagar 📱 9999965857 🤩 Delhi 🫦 HOT AND SEXY VVIP 🍎 SE...

Cloud Management Software Platforms: OpenStack

Cloud Management Software Platforms: OpenStack

Cloud Management Software Platforms: OpenStack

The Evolution of Karaoke From Analog to App.pdf

The Evolution of Karaoke From Analog to App.pdf

The Evolution of Karaoke From Analog to App.pdf

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

MYjobs Presentation Django-based project

MYjobs Presentation Django-based project

MYjobs Presentation Django-based project

Cloud Data Center Network Construction - IEEE

Cloud Data Center Network Construction - IEEE

Cloud Data Center Network Construction - IEEE

Unveiling Design Patterns: A Visual Guide with UML Diagrams

Unveiling Design Patterns: A Visual Guide with UML Diagrams

Unveiling Design Patterns: A Visual Guide with UML Diagrams

View models for component driven

1. @daloog#eatdog Component Driven …and modular UI code with ViewModel Alexey Demedetskyi

2. @daloog#eatdog “Design is never done.”

3. @daloog#eatdog

4. @daloog#eatdog Art

5. @daloog#eatdog Art Engineering

6. @daloog#eatdog Art Engineering UI - ?

7. @daloog#eatdog

8. @daloog#eatdog Driver?

9. @daloog#eatdog Feedback loop

10. @daloog#eatdog Definition of done

11. @daloog#eatdog Evolution?

12. @daloog#eatdog Better result

13. @daloog#eatdog Better tools

14. @daloog#eatdog Art Engineering UI - ?

15. @daloog#eatdog Art Engineering UI

16. @daloog#eatdog UI is the hardest CS problem

17. @daloog#eatdog

18. @daloog#eatdog

19. @daloog#eatdog

20. @daloog#eatdog

21. @daloog#eatdog Zero* dependency** rule * - not actually zero ** - internal is ok

22. @daloog#eatdog Module External dependency

23. @daloog#eatdog TDD?

24. @daloog#eatdog

25. @daloog#eatdog Singletons

26. @daloog#eatdog Parent is always responsible for child dependencies

27. @daloog#eatdog Module Internal dependency

28. @daloog#eatdog Module context always should be external

29. @daloog#eatdog Zero dependency UI?

30. @daloog#eatdog Component UI

31. @daloog#eatdog

32. @daloog#eatdog Action

33. @daloog#eatdog VM == Props

34. @daloog#eatdog MVVM

35. @daloog#eatdog React

36. @daloog#eatdog VM + Dynamic Animations, partial updates, etc.

37. @daloog#eatdog Deposit Time

38. @daloog#eatdog Deposit Time

39. @daloog#eatdog Deposit Time ++ - - -

40. @daloog#eatdog State = f(t)

41. @daloog#eatdog Event = ΔState

42. @daloog#eatdog State = ∫Event

43. @daloog#eatdog

44. @daloog#eatdog CQRS Event sourcing

45. @daloog#eatdog

46. @daloog#eatdog Data driven

47. @daloog#eatdog VM + Complexity Containers, transition

48. @daloog#eatdog m/@dan_abramov/smart-and-dumb-components-7ca2f9

49. @daloog#eatdog FriendsList VC Friend VC FriendsList VM Friend VM

50. @daloog#eatdog

51. @daloog#eatdog

52. @daloog#eatdog Shared state

53. @daloog#eatdog http://redux.js.org

54. @daloog#eatdog Questions? dalog@me.com