Ад клиентской разработки на JavaScript

Выступление Георгия Минашина, нашего разработчика-эксперта, на конференции DotNext (Москва, 7 ноября 2019).

Transcript

1. DotNext Москва, 7 ноября 2019 Ад клиентской разработки на JavaScript Георгий Минашин Разработчик-эксперт
2. Психотерапия
3. Почему «ад»?
4. Как было раньше
5. Выбираем технологии для сайта
6. Каркас для графического интерфейса
7. Каркас для графического интерфейса Пакетный менеджер
8. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости
9. Куда ставить npm?
10. Компьютер разработчика Сервер для сборки и публикации Боевой сервер
11. Компьютер разработчика Сервер для сборки и публикации Боевой сервер
12. Компьютер разработчика Сервер для сборки и публикации Боевой сервер
13. Продолжаем выбирать технологии для сайта
14. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости
15. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости AMD Common JS UMD ES6 modules Системы модулей
16. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация AMD Common JS UMD ES6 modules Системы модулей
17. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса AMD Common JS UMD ES6 modules Системы модулей
18. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
19. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
20. Это известная проблема
21. Общая схема разработки на React
22. Visual Studio
23. React + Redux TypeScript Visual Studio
24. React + Redux TypeScript npm Node.js Visual Studio
25. webpack React + Redux TypeScript npm Node.js Visual Studio
26. webpack React + Redux TypeScript npm Node.js bundle Visual Studio
27. webpack React + Redux TypeScript npm Node.js bundle
28. bundle
29. Мораль?
30. А теперь наоборот: погружаемся в серверную разработку на .NET
31. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
32. Каркас для приложения Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
33. Каркас для приложения Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
34. Каркас для приложения Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
35. Каркас для приложения Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация Файл проекта csproj старый project .json csproj новый
36. Каркас для приложения Пакетный менеджер Дополнительные зависимости Сборка Расширение каркаса Статическая типизация Файл проекта csproj старый project .json csproj новый
37. Каркас для приложения Пакетный менеджер Дополнительные зависимости Сборка Объектно-реляционное отображение Статическая типизация Файл проекта csproj старый project .json csproj новый Dapper
38. Каркас для приложения Пакетный менеджер Дополнительные зависимости Сборка Объектно-реляционное отображение Статический анализ Файл проекта csproj старый project .json csproj новый Dapper
39. Каркас для графического интерфейса Пакетный менеджер Дополнительные зависимости Компоновка и минификация Расширение каркаса Статическая типизация AMD Common JS UMD ES6 modules Системы модулей
40. Разработка через StackOverflow
41. Спасибо за внимание! Георгий Минашин gminashin@custis.ru