Testing real Vue apps

Transcript

1. Никита Соболев Enterprise-Ready шаблон для Vue
2. Talk is cheap, show me the code! bit.ly/wemake-vue 2
3. Поговорим про бизнес wemake.services/meta 3
4. С чего начитается любой проект? 4
5. Nuxt Gitlab CI Flow Docker Jest Jest eslint remark Vue Vuex Vue-Router Babel TestCafe stylelint JSDom 5
6. Все начинается с документации! bit.ly/wemake-vue-docs 6
8. Мы любим разработчиков • Актуальные зависимости, via @dependabot • Поддержка VSCode прям сразу • Конфигурация проста как огурец • Чтобы заработало: одна или две команды 8
9. Простые решения Vue + Nuxt Vue \w SSR + Webpack 9
10. Находим ошибки рано • Actions • Mutations • API calls 10
12. Я все-таки не понял. Почему не TypeScript? flow ~ TypeScript 12
13. Но есть некоторые проблемы • Не аннотируется this • Нельзя расширить существующие дефиниции • https://github.com/sobolevn/vue-flow-typed 13
14. Продолжаем находить ошибки рано @vue/test-utils + jest 14
15. О вкусах не спорят • eslint-config-wemake • eslint-plugin-vue • eslint-plugin-jsdoc • eslint-plugin-json • eslint-plugin-jest • eslint-plugin-security • eslint-plugin-flowtype • eslint-plugin-unicorn • stylelint • stylelint-scss • stylelint-cssmodules • remark 15
16. У нас блокирующие Pull Requests 16
18. Все по-прежнему должно работать • TestCafe инициирует e2e тесты с настоящими браузерами • Запускается в ручном режиме при PR • Выполняется долго 18
19. Деплой • Можно статикой • Можно при помощи `yarn start` • Можно Docker 19
20. А что с backend? • Django с похожими принципами: bit.ly/wms-django • Koa / Express / etc • Elixir! 20
21. Развитие • Nuxt2 + Babel7 + Webpack4 • VSCode + Debugger • PWA 21
22. Мы предлагаем бесплатную поддержку sobolevn@wemake.services 22
23. Вопросы? github.com/sobolevn Никита Соболев bit.ly/wemake-vue