Познакомьтесь со спикерами, прежде чем встретиться с ними на конференции Себастьян Шопен Александр Шопен Жерар Санс
Мы очень взволнованы. Конференция VueJS Amsterdam уже здесь! В этом интервью мы попробуем что-то другое. Они братья и идут вместе, как Twix. Они являются создателями Nuxt.js: Александр Шопен и Себастьян Шопен. Они любят фронтенд и баскетбол. Давайте узнаем больше о них и о том, что они планируют на конференцию!
Примечание: вопросы и ответы не были расшифрованы, а адаптированы из заметок.
Привет, народ! Что вы можете рассказать о себе?
Александр - я Александр Шопен. Можете называть меня Алекс. Я люблю Frontend. Поскольку у нас с братом появился первый компьютер, он стал нашей страстью. Вскоре после этого мы создали наш первый веб-сайт. Речь шла о нашем любимом виде спорта - баскетболе. Мы хотели узнать все о веб-разработке, чтобы улучшить наш сайт.
Александр - Мы много путешествовали и работали в разных компаниях. После университета у нас не было возможности работать вместе, но благодаря Nuxt мы снова работаем вместе. Нам это очень нравится! В наступающем году мы планируем работать вместе полный рабочий день, чтобы полностью сосредоточиться на наших проектах с открытым исходным кодом.
Себастьян - я Себастьян Шопен. Я живу в Париже, но раньше я жил в небольшой деревне Лурд на юге Франции. Делюсь с Алексом: родители, брат и сестра. Я люблю фронтенд. Я начал использовать PHP для создания баскетбольного сайта вместе с Алексом. Мы были просто детьми! После этого мы хотели добавить больше функций, таких как чат. Итак, я начал изучать веб-сокеты и общаться с серверной частью. Мы многому научились за это время. Спустя некоторое время мы также разработали несколько игр. Мы хорошо повеселились!
Себастьен. Нам нравится много работать вместе, но какое-то время у нас не получалось. Сегодня я провожу много времени, работая над открытым исходным кодом, но также создаю веб-сайты. Как говорил Алекс, в следующем году мы снова планируем работать вместе!
Алекс - Помимо программирования, люблю природу и просторы. Если позволит погода, ты найдешь меня в походе в Пиринеи. Еще мне нравится играть в баскетбол.
Себастьен - я люблю играть в баскетбол, как Алекс, и очень люблю танцевать. Мой любимый танцевальный стиль - Shuffle. Кто-нибудь готов к танцевальному поединку?
Потрясающие! О чем ты говоришь?
Алекс. Я расскажу о преимуществах использования Nuxt для создания проектов Vue. Я потрачу некоторое время на объяснение философии, лежащей в основе этого. Nuxt пытается сделать разработку Server Side Rendering (SSR) более продуктивной и приятной. Я также подробно расскажу о его сути и о том, как вы можете легко расширить свои проекты Vue, используя модульную систему.
Nuxt.js пытается сделать разработку рендеринга на стороне сервера более продуктивной и приятной.
Себастьен. Мой доклад также будет посвящен SSR, но с более технической точки зрения. Я объясню, как вы можете создать полнофункциональное, готовое к производству приложение SSR Vue с нуля, используя передовой опыт. Я также рассмотрю распространенные ошибки и способы их избежать. Мы рассмотрим вопросы безопасности и жизненного цикла. Это те, которые вызывают больше проблем прямо сейчас. Я хочу объяснить, как работает SSR и почему это важно для некоторых функций, таких как SEO, производительность и публикация в социальных сетях.
Большой! Так что же такое Nuxt.js?
Nuxt изначально был ориентирован на SSR, но сегодня это фреймворк, построенный на основе Vue, Vue-Router и Vuex для Rapid Vue Development.
Вы можете создавать следующие типы приложений Vue, даже не касаясь файла конфигурации:
- Серверные приложения для рендеринга
- Одностраничные приложения
- Статически сгенерированные приложения
Используя Nuxt, вам просто нужно записать свои компоненты в файлы .vue и позволить ему сделать все остальное, применяя всевозможные классные оптимизации.
При использовании рендеринга на стороне сервера Nuxt настраивает сервер Node.js со всеми необходимыми настройками для vue-server-renderer. Помимо этого, он также предоставит некоторые полезные API-интерфейсы, такие как asyncData и nuxtServerInit, чтобы охватить общие сценарии выборки и обмена данными между сервером и клиентом. Nuxt также предоставляет компоненты, такие как <no-ssr>, для изоляции несовместимых библиотек Vue и улучшения взаимодействия с пользователем, обеспечивая при этом лучший опыт SSR.
Nuxt может работать в режиме одностраничного приложения, запустив nuxt --spa. Это отключит SSR, чтобы вы могли пользоваться другими функциями, такими как: горячая перезагрузка модуля, разделение кода, транспиляция ES6, маршрутизация страниц, модуль хранилища и многое другое. Его также можно развернуть на любом статическом хостинге с помощью nuxt build — spa. Используя эту команду, он создаст distfolder в качестве официального шаблона vue / webpack cli. В качестве бонуса вы также можете легко включить один из наших причудливых индикаторов загрузки, пока ваш SPA загружается, или использовать свой собственный.
Nuxt поддерживает Статически сгенерированные приложения при запуске nuxt generate. По умолчанию используется универсальный режим. Это будет проходить и генерировать соответствующие файлы HTML для каждого маршрута в вашем приложении. Полученные файлы будут созданы в yourdistfolder, чтобы вы могли загружать их на любой хостинг, поддерживающий статические сайты. Используя этот режим, вы ощутите преимущества как SSR: SEO, социальный обмен и быстрое время до первой раскраски (FP); и SPA: хостинг CDN, низкая задержка и масштабируемость.
Прохладный! Над чем ты сейчас работаешь?
Мы работаем над несколькими идеями, но, вероятно, мы хотим поговорить о CMTY (читается как сообщество).
CMTY - это проект с открытым исходным кодом, призванный помочь авторам с открытым исходным кодом. Это помогает поддерживать порядок в сообществах и репозиториях GitHub. Структурирование и отслеживание всех данных, производимых как основной командой, так и участниками сообщества, может оказаться очень сложной задачей. Обычно это связано с переключением между разными инструментами. Адаптация также сложна и требует нескольких шагов, которые можно улучшить. Трудно также следить за разговорами и прогрессом.
CMTY управляет всем этим, так что авторы и участники могут в дальнейшем участвовать в создании более связанных сообществ и снимать некоторую тяжесть с обслуживающего персонала.
Помимо вышесказанного, одной из наших забот было признание всех типов участников. Мы хотели поблагодарить их за поддержку. В большинстве случаев это может быть похоронено под бесчисленным множеством занятий. Обычно эти вклады не отслеживаются такими инструментами, как GitHub.
Это отличная идея! В качестве последнего вопроса: какие доклады или темы вы с нетерпением ждете на конференции?
Алекс - меня интересует основной доклад Эвана Ю. Я с нетерпением жду его прошлогодней ретроспективы, над чем он работал и какие функции появятся в Vue.
Себастьен. Я хочу услышать от Джерарда Санса его выступление о переносе проекта Angular на Vue. Некоторое время назад я выступал с аналогичным докладом в своей компании, и мне любопытно узнать, как он подходит к этой теме.
Спасибо за уделенное время, Алекс и Себастьен!
Добро пожаловать, Джерард. Мы с нетерпением ждем возможности оказаться в Амстердаме и встретиться со всеми докладчиками и участниками. Мы видели несколько изображений этого места, и оно выглядит потрясающе.
Интервью Джерарда Санса
