Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Состояние приложения: через вселенные Бегунов Андрей / Руководитель разработки
Содержание
- 1. Состояние приложения: через вселенные Бегунов Андрей / Руководитель разработки
- 2. Пример контрола: GridПоддержка источников данных, навигация(+виртуальная
- 3. Timeline of JavaScript UI Frameworks
- 4. Single Page Application
- 5. Пример типового реестра
- 6. Давайте разбираться
- 7. Цикломатическая сложность
- 8. Чистые функции
- 9. Связность и зацепление
- 10. А судьи кто?
- 11. Any framework
- 12. Lifehack
- 13. Что не так с MVC?
- 14. Слайд 14
- 15. Diagram of interactions within the MVC pattern
- 16. MVC/FluxController(dispatcher, action creator, action)View(page, containers, components)Model(store, reducers)User .actionsend datareceive datadisplay
- 17. Типовые проблемы “MVC”?Controller(state, business logic)View(state, business logic, ui logicModel(state, business logic)User .
- 18. Debug mode
- 19. Современный подходViewViewViewViewDispatchActionDispatchActionDispatchActionDispatchActionDispatchActionDispatchActionStore fragmenStore fragmenStore fragmenStore fragmenStore fragmenStorePage
- 20. Как быть?Нет
- 21. Увеличиваем связность, уменьшаем зацепление
- 22. Однонаправленный поток данныхInputOutputDomain modelUser .
- 23. Где состояние?
- 24. Особенности интерфейса СБИС
- 25. Глобальное состояние – singleton. Компоненты могут иметь
- 26. Компонентный подход
- 27. Prop drilling
- 28. Композиция и render props
- 29. Магия вне Хогвартса
- 30. Информация о пользователеГлобальные хранилищаПраваЛокализацияНастройки приложенияПользовательские параметры
- 31. Проблемы юнит-тестирования singletonС этим можно бороться.Я создал
- 32. Технологии устаревают очень быстро.Не гонитесь за технологиями.
- 33. Спасибо за внимание. Вопросы? Бегунов Андрейhttps://t.me/anbegunov
- 34. Скачать презентанцию
Пример контрола: GridПоддержка источников данных, навигация(+виртуальная прокрутка), сортировка, поддержка иерархии, выбор записей, группировка, редактирование по месту, drag-n-drop, панель операций над записью(+ swipe), настройка
Слайды и текст этой презентации
Слайд 1Состояние приложения: через вселенные
Бегунов Андрей / Руководитель разработки интерфейсного фреймворка
Слайд 2Пример контрола: Grid
Поддержка источников данных, навигация(+виртуальная прокрутка), сортировка,
Слайд 16MVC/Flux
Controller
(dispatcher, action creator, action)
View
(page, containers, components)
Model
(store, reducers)
User .
action
send
data
receive data
display
Слайд 17Типовые проблемы “MVC”?
Controller
(state, business logic)
View
(state, business logic, ui logic
Model
(state, business
logic)
User .
Слайд 19Современный подход
View
View
View
View
Dispatch
Action
Dispatch
Action
Dispatch
Action
Dispatch
Action
Dispatch
Action
Dispatch
Action
Store fragmen
Store fragmen
Store fragmen
Store fragmen
Store fragmen
Store
Page
Слайд 25Глобальное состояние – singleton. Компоненты могут иметь множество экземпляров
Проблемы глобального
состояния*
Жизненный цикл состояния отличается от жизненного цикла компонентов
Может быть большим
Слайд 30Информация о пользователе
Глобальные хранилища
Права
Локализация
Настройки приложения
Пользовательские параметры
Слайд 31Проблемы юнит-тестирования singleton
С этим можно бороться.
Я создал несколько singleton’ов для
хранения глобального состояния
Но как же ты пишешь юнит тесты?
Слайд 32Технологии устаревают очень быстро.
Не гонитесь за технологиями. Изучайте фундаментальные основы
программирования. Чаще задавайте вопросы в стиле: «Как это работает?», набирайтесь
опыта.В заключение
