Конференция Vue Js Amsterdam 2019 стала потрясающим событием для более чем 1000 разработчиков в удивительном месте с невероятным 180-градусным экраном площадью 500 квадратных метров.
Это был мой первый визит в Амстердам, и меня поразил город и разное отношение людей, которые там живут. Отличное место, чтобы взять напрокат велосипед и познакомиться с городом с бесчисленным множеством мест, которые стоит посетить. Потрясающая атмосфера с отличной едой.
Два полных дня конференции были посвящены настоящему и будущему Vue, javascript и всем вспомогательным инструментам, которые может использовать разработчик Vue, а также тому, как другие компании используют все эти технологии для реализации своих инновационных и масштабных проектов.
Мои подборки самых интересных выступлений:
Микро-интерфейсы
Очень интересный разговор о компании Danz и использовании ими интерфейсов Micro (небольшого дискретного независимого приложения). Их команды разработчиков полностью автономны и используют любую интерфейсную технологию, которая, по их мнению, является лучшим выбором для своего проекта.
В качестве серверной части они используют сервисы AWS и Serverless. Все эти небольшие проекты размещаются в разных поддоменах, где все фильтруется основным маршрутизатором, чтобы направить пользователя к запрошенному им приложению. Мы очень впечатлены этой идеей и намерены создавать прототипы, используя эту концепцию. Это позволяет внедрять инновации на уровне отдельных команд, но позволяет всем командам разработчиков работать над одним и тем же видением.
Full Stack Vue в эпоху бессерверных вычислений
Лично я один из самых интересных разговоров: как использовать бессерверные технологии в своем веб-приложении. По сути, если вы не хотите поддерживать сервер для размещения серверной части, вы можете использовать AWS и Serverless для развертывания внутренней логики. Чрезвычайно быстрый и эффективный, потому что вместо развертывания всей серверной части (с маршрутизаторами, конфигурацией сервера и т. Д.) Вы просто развертываете функции своей бизнес-логики. Определенно то, что мы будем использовать в наших будущих прототипах и продуктах.
Как работает веб-пакет
Глубокий технический разговор о том, как Webpack работает изнутри, и о надстройках, из которых он состоит. Демонстрация жизненного цикла нашего кода до тех пор, пока он не достигнет упакованного вывода в папке распространения.
Webpack 5
Разговор о текущей ситуации с браузерами, стандартизации и необходимости импорта модулей (которые браузеры пока не поддерживают). Это приводит к созданию таких сборщиков, как webpack, для публикации вашего приложения и поддержки современной структуры, которую мы все используем. Webpack Git
Сделайте свои приложения Vue легче, ленившись
Опять же, очень техническая демонстрация того, как отслеживать детали в вашем приложении и делать это быстрее. С помощью комбинации веб-пакета и ленивой загрузки вы можете отслеживать мертвый код (код, который вам не понадобится) в своем приложении, остановить его загрузку и, таким образом, ускорить работу приложения. Вы можете отслеживать свой мертвый код с помощью инструментов разработчика - вот руководство о том, как это сделать.
Превратите свое веб-приложение в PWA
Очень интересный разговор о сервис-воркерах и PWA (прогрессивные веб-приложения). Chrome теперь полностью поддерживает эту технологию, и он также есть в магазине Google Play. Отличная демонстрация того, как установить и настроить уведомления. Google полностью поддерживает PWA, и вот отличное руководство по переходу вашего текущего приложения в PWA.
GraphQL
Отличный разговор о graphQL, о том, как он работает, что он делает и как может решать бизнес-задачи. Вы используете упрощенные запросы для создания DTO (объекта передачи данных) в формате JSON и используете его для взаимодействия с вашим Rest-приложением. Это позволяет клиентской части запрашивать именно то, что ему нужно, без необходимости запрашивать и передавать ненужные данные.
Настольные приложения с Vue
Беседа о том, как создавать настольные приложения с помощью Vue. Настольные приложения не являются очень популярным решением (предпочтительным вариантом является браузер), но все же очень интересно понять, как работают настольные приложения на javascript и каковы их преимущества. Мы также должны учитывать, что когда мы создаем собственное настольное приложение, оно не будет работать в операционных системах, потому что инструменты пользовательского интерфейса отстают на годы. Настольные приложения на javascript через оболочки на основе браузера предоставляют удивительные преимущества современного пользовательского интерфейса и совместимости между операционными системами.
Разработка компонентов во Vue
Технический разговор о компонентах Vue. Каковы принципы, как мы должны использовать слоты и именованные слоты. Очень интересная демонстрация того, как написать чистый компонент Vue.
Vue Js Amsterdam был отличным опытом. Так много людей из разных слоев общества используют одну и ту же удивительную технологию.
Я вернулся с множеством отличных идей и еще большим интересом к Vue. Я с нетерпением жду возможности использовать и реализовать все, чему я научился, в своих новых проектах. Я бы с радостью приехал снова в следующем году и еще больше расширил свой кругозор.
Дополнительные сведения о Catena Media см. В статьях о продуктах и дизайнерах.
https://product.cate namedia.com
https://design.cate namedia.com