В прошлую пятницу (22 ноября) Frontend Love посетила один из технологических центров Нидерландов - Эйндховен. Мероприятие посетили местные жители (и не только), поскольку большинство конференций в Нидерландах проводится дальше на север - в Амстердаме.

Вход был бесплатным (благодаря спонсорам, таким как Passionate People и ISAAC), что не так часто случается в мире конференций. Можно поспешить сделать вывод, что это серьезно скажется на качестве переговоров. И хотя это правда, что спикеры были местными (проживающими в Нидерландах), мероприятие в моих глазах было намного больше, чем просто прославленная встреча.

Я лично присутствовал и смотрел все выступления вживую, и некоторые были приятно удивлены. В этой статье я постараюсь рассказать о своем опыте и основных выводах из бесед.

Веб-компоненты Люсьена Имминка

Заголовок «Один компонент в день убережет доктора» был первым докладом дня.

Люсьен провел нас через компоненты сборки с использованием стандартной спецификации w3, зарегистрировал их и затем использовал в различных контекстах (React, Vue, Angular и т. Д.). Его демонстрация была сосредоточена на создании веб-компонента, который отображает обложки альбомов, инкапсулируя внутри него всю логику, используя преимущества методов жизненного цикла, а также используя Shadow DOM для инкапсуляции стилей.

Очень хорошо сделанная презентация, которая дала больше доверия и интереса к текущему состоянию веб-компонентов.

Nuxt.js от Pooya Parsa

Выступление Pooya проходило через эволюцию веб-разработки и помещало современные инструменты в исторический контекст. Он попытался показать, как различные проблемы приводят к новым решениям и способствуют дальнейшему развитию интерфейсных технологий.

Его доклад был построен на презентации Nuxt и того, как он помогает сделать разработку приложений VueJ более увлекательной благодаря множеству замечательных функций, доступных из коробки. Среди прочего, более пристального внимания и акцента в его выступлении заслуживает рендеринг на стороне сервера.

Пуйя является одним из основных участников Nuxt, поэтому услышать это вживую было очень важно.

Паттерны Vue от Исраэля Ролдана

Под заголовком «Расширенные возможности и шаблоны Vue.JS на предприятии» Израиль показал нам 10 шаблонов, которые он нашел полезными при создании больших приложений Vue в корпоративном контексте.

Больше всего меня привлекла простота создания динамических компонентов с атрибутом is и передача произвольных свойств через атрибут v-bind. Я лично участвовал в разработке Angular 8 в прошлом году, где создание динамических компонентов намного сложнее, и я был очень впечатлен тем, насколько легко это сделать в мире Vue.

Другой использовал такие библиотеки, как vue-property-decorator, vue-class-component, vuex-class и nuxt-property-decorator со своими декораторами, чтобы ускорить разработку и сделать код короче и (возможно) более читаемым. Поскольку я хорошо знаком с декораторами в Angular, я снова был очарован классными возможностями, присутствующими также в современной разработке Vue.

Стратегия тестирования Vue.js Анастасии Драгич

Анастасия рассказала о важности тестирования и дала нам множество советов для юнитов и e2e-контекстов. А также различные стратегии по внедрению хорошей культуры тестирования в вашей компании.

Однако в конце выступления она посоветовала убедиться, что написание тестов позволяет сэкономить время в долгосрочной перспективе… а если это не так - возможно, вам стоит обойтись без него. Немного иду вразрез с современной мудростью, но в этом есть здравый смысл.

Хотя я за максимально возможное тестирование. Я сам участвовал в различных scrum-командах на протяжении многих лет и испытал разную степень рвения к тестированию. Некоторые команды, естественно, занимают более расслабленную позицию, поскольку в конечном итоге отсутствие тщательного тестирования не приводит к потере слишком большого количества часов на исправление ошибок (в случае их команд). И я полагаю, что это компромисс с естественным балансом где-то посередине ...

Демо WebGL с THREE.js от Колина ван Эниге

Колин показал нам действительно крутые 3D-анимации с движущимися фигурами, следующими по траектории и созданием узоров. Он подчеркнул тот факт, что когда дело доходит до экспериментов с 3D и WebGL в браузере, правильная настройка - это 80% успеха. Далее вам нужно только убедиться, что различные входные параметры настраиваются, и можно начинать эксперименты.

В то время как демонстрация была впечатляющей и продемонстрировала сильную страсть и усилия ведущего, у выступления отсутствовали предыстория и основная цель. Я хотел бы, чтобы он попытался еще немного вдохновить слушателей пойти по его стопам.

Ошибки, которые я допустил при сборке React Async Гертом Хенгевельдом

Это был один из самых содержательных разговоров дня. Герт - создатель и сопровождающий довольно популярной библиотеки react-async. Он дал нам много практических советов и выводов, которые были бы полезны любому, кто связан с открытым исходным кодом. Он подчеркнул следующие моменты:

  • как поступать в случаях, когда новая версия вашей библиотеки ломает чью-то сборку… или является версией с ошибками, которую следует отменить;
  • как интегрировать инструменты для современного монорепозитория для управления различными необходимыми задачами (зависимости, примеры сборки / копирования, изменение номеров версий и т. д.);
  • обязательно включите types.d.ts, потому что в настоящее время многие разработчики ожидают и используют их;
  • ведите блог и продвигайте свой проект с открытым исходным кодом, потому что одного его создания недостаточно;
  • убедитесь, что ваши соавторы получают достаточную оценку - так что не сдавайте коммиты, чтобы их усилия отображались на графиках.

Angular & ElasticSearch, автор - Франциска ван Маурик

К сожалению, в начале выступления Франциска столкнулась с техническими трудностями, которые могли отбросить ее от подготовки. Так что разговор был несколько омрачен икотой, и, хотя код и подходы, которые она продемонстрировала, имели много технических достоинств, презентация состояла в основном из скучных слайдов с примерами кода. Она не объяснила нам свою мотивацию к тому, какую проблему она пытается решить и почему.

Нативные PWA в веб-компонентах, Джад Джубран

Вероятно, это был самый увлекательный и волнующий разговор дня. Джад проделал отличную работу по кодированию основы для простого PWA с приличным пользовательским интерфейсом. В истинном духе импровизации он уловил идею приложения от аудитории, отвечал на вопросы в режиме реального времени, создавая приложение PWA для воображаемой мастерской Unicyle Repair :)

Он продемонстрировал большое мастерство и навыки программирования в реальном времени. И поразил аудиторию некоторыми новыми функциями, которые не были слишком хорошо известны. Например, CSS scroll snap, которую многие в аудитории сочли новинкой. Включая меня.

Написанный в тот день код он уже опубликовал на гитхабе. А еще есть видео с более ранней конференции, где он выступал с аналогичным докладом на эту тему.

Заключение

Вне всякого сомнения, это был хорошо проведенный пятничный день. Приятное время для общения в сообществе и нетворкинга. А также приятно видеть конференции, которые иногда проводятся дальше к югу от Нидерландов.

Эта конференция стала своеобразной прелюдией к гораздо более масштабной - Frontend Developer Love 2020. Я могу вам дать один совет: если вы хотите увидеть много интересных выступлений вживую, не пропустите распродажи в Черную пятницу. Посетите веб-сайт до пятницы и зарегистрируйтесь, чтобы получать уведомления до того, как билеты станут доступны, и получите скидку до 66%. Учитывая мой собственный опыт участия в конференции Frontend Developer Love за последние 2 года, это действительно отличное предложение для высококачественной конференции, которая поражает во многих аспектах.