Enterprise Ready Vue Template

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

7. None

8. Мы любим разработчиков • Актуальные зависимости, via @dependabot • Поддержка

   VSCode прям сразу • Конфигурация проста как огурец • Чтобы заработало: одна или две команды 8

9. Простые решения Vue + Nuxt Vue \w SSR + Webpack

   9

10. Находим ошибки рано • Actions • Mutations • API calls

    10
11. None

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

17. None

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