В ноябре прошлого года мне выпала честь выступить на Vue Toronto (VueConfTO) - трехдневной конференции Vue.js в Торонто, Канада. На сцене со мной был создатель Vue.js - Эван Ю и другие отличные спикеры, некоторые из которых во многом стали моими друзьями и товарищами по команде. Я не впервые выступаю на сцене с этими фантастическими людьми, но для меня это был уникальный и запоминающийся опыт во многих аспектах.
MC, викторины и призы
Vue Toronto - моя 4-я конференция по Vue в 2019 году, но она сильно выделяется.
MC - церемониймейстер - возглавляет список того, что мне нравится в Vue Toronto. Фил Хоксворт просто очаровывает и восхищает, когда общается с толпой и выступающими. Он заставляет все течь безупречно, расслабленно и весело.
Следующая уникальная особенность Vue Toronto - огромное количество викторин с призами, доступных для участников. Все викторины очень увлекательны и в них легко играть, но для этого потребуется немного удачи (прием вашего устройства через 3G или Wi-Fi 😉) и немного скорости (щелчок по правильному ответу ).
Призы? Они бывают не только по количеству, но также по качеству, от Amazon Firestick, Google Home до GoPro и т. Д.. Может ли другая конференция превзойти эту щедрость?
Спикеры и контент
Следующим важным моментом, как всегда, являются спикеры и уровень контента.
Обсуждения Vue 3.0 - краткие, но информативные
Одно из направлений Vue Toronto - API Vue 3.0, начиная с Evan You и Design Principals из Vue 3.0. Это очень интересный доклад, в котором он сравнил Vue 3.0 с различными фреймворками с точки зрения производительности, от компиляции до времени выполнения. Vue.js известен своей легкостью, а Vue 3.0 будет более производительным, если он воспользуется этой концепцией. от всего сердца перейти на следующий уровень - устанавливайте только то, что вам нужно (встряхивание дерева). Это то, на что стоит обратить внимание к концу первого квартала 2020 года 🎉!
Выступление Эвана положило начало конференции, вызвав у публики достаточно интереса к Vue 3.0. Алекс Кириакидис из Vue School продолжает разжигать азарт живой демонстрацией кодирования того, как использовать Vue 3.0 Composition API прямо в консоли браузера.
Позже Дамиан Дулис показал авторам библиотеки (вроде меня), какие преимущества Vue 3.0 может принести нам благодаря варианту использования Vuelidate v2.0. Меньший вес и больше никакого средства устранения ошибок vuelidate!
Интересно, правда? Но дело не в этом. Несмотря на то, что Vue 3.0 на данный момент довольно моден, Vue Toronto не перегружен разговорами только о Vue 3.0. Напротив, разговоров на эту тему всего три, а остальные довольно разноплановые.
JAMstack, graphQL, Gridsome и Nuxt.js
JAMstack - все о бессерверной и статической архитектуре разработки сайтов - считается горячей темой 2019 года. В своем рассказе о прогрессе разработчиков в работе с устаревшим кодом Дебби О'Брайен рассказала о преимуществах производительности. вкратце объединить статические сайты Nuxt.js с некоторыми другими инструментами и, как и ожидалось, заставить всю аудиторию жаждать дополнительной информации.
Хотя Nuxt.js отлично подходит для создания (любых) приложений, будет потеряно, если упомянуть о JAMstack без разговора о @Gridsome, самом быстром генераторе статических сайтов для Vue.js. Джейк Дом порадовал меня невероятной живой демонстрацией того, как создавать невероятно быстрые сайты с Gridsome и GraphQL за 5 минут (да, он справился с этим в последнюю минуту 😉) .
А чтобы правильно соединить каждую деталь, Девлин Дулдулао провел супер-простую вводную живую демонстрацию (без ошибок и проблем с опечатками 🙇♀️) на GraphQL с Хасура, Auth0 и Аполлон. Просто замечательно!
Кроме того, Charles Ouellet ярко осветил JAMstack своим молниеносным докладом о Sanity Headless CMS с Nuxt.js для автоматизации документации.
Тем не менее, больше всего меня поразило то, насколько непредубеждены эти колонки. Несмотря на то, что они являются поклонниками или говорят о конкретной структуре, они не упускают из виду другие варианты, например, Джейк Дом и Дебби упомянули, что VuePress отлично подходит для документации и т. Д. Каждый инструмент выделяется своими вариантами использования, и разработчики должны быть открыты, чтобы сделать правильный выбор ✌️!
Лучшие практики создания библиотеки компонентов и CSS-in-JS 😉
На конференции поднимались разговоры о различных уроках, извлеченных при создании библиотеки компонентов пользовательского интерфейса. Филип Раковски из Vue Storefront, а также мой коллега по сопровождению Storefront UI, очень информативно рассказал о том, как лучше всего создавать настраиваемые и повторно используемые компоненты Vue, когда дело доходит до производительности. Мы столкнулись со всеми этими проблемами во время разработки пользовательского интерфейса Storefront, поэтому мне легче слышать его на сцене.
С другой стороны, Майкл Тиссен продемонстрировал другую захватывающую точку зрения во время своего опыта создания библиотеки многократно используемых компонентов, в которой некоторые из его положений довольно спорны между авторами библиотек.
Говоря о пользовательском интерфейсе, необходимо говорить о CSS, особенно на любой конференции по JavaScript 😆. Это был мой доклад о плюсах и минусах различных подходов к работе с CSS в приложении Vue.js. Фокус варьируется от использования CSS-in-JS (который довольно известен для разработчиков React) - таких как стилизованные компоненты и модули CSS, до использования других фреймворков, ориентированных на служебные программы, таких как Tailwind CSS. .
Хотя у каждого подхода есть свой вариант использования, здесь нет разделения на черное и белое. Еще более рекомендуется объединение этих инструментов для создания наиболее подходящей системы CSS в вашем приложении (например, создание тем оформления с помощью стилизованных компонентов и модулей CSS вместе). И тем не менее, изучение CSS по-прежнему требуется, несмотря ни на что!
Все дело в тестировании - юнит-тест и E2E (CypressIO)
Что касается разработки, есть один аспект, который ни один разработчик не может позволить себе игнорировать, - это написание тестов. Сара Даян дала понять, что тестирование - это основа написания стабильного программного обеспечения, и мы должны изменить свое мышление с написания тестов позже на написание тестов в первую очередь , до фактического развития. Это придаст больше уверенности и поможет немедленно устранить потенциальную ошибку. Сделать это позже === никогда не делать, так что не ждите!
Если идет разговор о модульном тестировании, должен быть разговор о тестировании E2E. В данном случае у нас есть Амир Рустамзаде, который показал, насколько круты и удобны функции Cypress.io. Будучи последователем CypressIO с момента альфа-тестирования, я впечатлен тем, как он стал таким ценным инструментом для разработчиков. Тестирование имеет важное значение, и мы не должны оставлять его «второстепенным», поскольку в конечном итоге оно сэкономит нам время и деньги во всех аспектах бизнеса.
Доступность, визуализация, форма и ИИ
На Vue Toronto обсуждается еще много интересных тем, и, честно говоря, одна статья не может описать все. Это то, что мне нравится в конференции; разработчики приходят домой с большим количеством знаний, инструментов для проверки и концепций, которые можно исследовать в свободное время.
В частности, речь идет о том, как превратить ваши данные в визуализацию с помощью D3.js от Натальи Теплухиной, специализации Vue Router от Эдуардо Сан Мартин Мороте, о предстоящих улучшениях Vuetify 2.0 в производительности, a11y и т. Д. От Джона Лейдера, как обрабатывать формы с помощью Vuelidate от Дженнифер Бланд, как использовать Vuex с красивой анимационной беседой Адам Яр, и как управлять доступностью с помощью управления фокусом в Vue.js с Марией Ламардо. Эти выступления дали аудитории достаточно практической и полезной информации, которая впоследствии пригодится им в работе.
И это то, что имеет значение в конце дня!
Vue Toronto действительно впечатляет, с отличными организаторами. Но не это делало его особенным. Для меня это необычно, потому что сейчас время для встречи команды Storefront UI.
Встреча членов команды пользовательского интерфейса витрины
Мы не впервые встречаемся в реальной жизни и не впервые объединяемся в основной команде Storefront UI. Филип Раковски и я впервые встретились с командой на VueConf в Лондоне, незадолго до Vue Toronto. Тем не менее, по-прежнему здорово провести еще одну встречу команды почти половины в Торонто, где я наконец нашел несколько симпатичных стикеров пользовательского интерфейса Storefront и поделился ими с участниками.
Во время конференции мы сели, обсудили друг друга (до такой степени, что мы оба пропустили выступление на шотландской флейте в начале конференции 😢) и, самое главное, обсудили Витрину UI »дорожная карта выпуска.
На момент написания статьи семь членов нашей основной команды и множество участников работают удаленно каждый день над выпуском Storefront UI - первой настраиваемой библиотеки компонентов пользовательского интерфейса с открытым исходным кодом для электронной коммерции для разработчиков Vue.js.
Чем хороша работа в проекте OSS (программное обеспечение с открытым исходным кодом)? Мы из 4 разных стран, говорим на разных языках, но по-прежнему связаны, чтобы работать в команде, обсуждать запросы функций и обмениваться знаниями. Мы запланировали почти полное собрание основной команды на конференции Vuejs Amsterdam в феврале 2020 года, и, честно говоря, я не могу дождаться 😊.
Более того, мы не просто товарищи по команде; мы даже друзья в реальной жизни и тусуемся, когда встречаемся. Мы с Филипом отметили нашу поездку в Канаду совместным посещением Ниагарского водопада. И это просто здорово 😎!
Короче, в Торонто мне было холодно. Но мои друзья-спикеры и это прекрасное сообщество согрели меня. Мы смеялись, разговаривали и прекрасно проводили время, учясь друг у друга, независимо от того, идет ли речь о Vue.js или нет. Огромное спасибо организаторам за предоставленную нам возможность общаться и делиться своими знаниями. Все для лучшего сообщества ❤️ , и я с нетерпением жду еще одной фантастической конференции в следующем году. А пока они, да пребудет с вами Vue 😉!
Если вам понравился этот пост, не забудьте дать мне 👏 ниже ⏬️. Это наверняка меня сильно мотивирует 😊
Если вам нравится читать от меня больше, ознакомьтесь с моими статьями.
