АР
Size: a a a
2018 August 10
АР
Сорри за оффтоп, пришлось заступиться за веб-компоненты и полимер. )
АР
Идея проста. Я сейчас разрабатываю (вернее дорабатываю существующий) набор веб-компонентов на Polymer для Apollo.
Крутизна веб-компонентов в том, что они декларативны. Достаточно знать HTML, чтобы добавить, например query или mutation в своё приложение:
<graphql-query result="{{starShipsData}}">
query {
allStarships(first: 5, filter: { pilots_some: { name_not: "" } }) {
name
class
pilots {
name
homeworld {
name
}
}
}
}
</graphql-query>
Крутизна веб-компонентов в том, что они декларативны. Достаточно знать HTML, чтобы добавить, например query или mutation в своё приложение:
<graphql-query result="{{starShipsData}}">
query {
allStarships(first: 5, filter: { pilots_some: { name_not: "" } }) {
name
class
pilots {
name
homeworld {
name
}
}
}
}
</graphql-query>
АР
А за что нам так нравится GraphQL? Да потому что он тоже по своей природе декларативен. Мы знаем *что* мы хотим получить, а не *как* мы это хотим получить. И получаем ровно это, не больше, не меньше.
АР
Опррсите ваших знакомых. Некоторые из них не знают JS, но на HTML писать сможет любой.
АР
Можно собрать готовое приложение целиком из HTML-тегов как из кубиков Lego без глубоких знаний программирования.
АР
И вот эти две идеи декларативности веб-компонентов и GraphQL здесь дополняют друг друга как нельзя кстати. :)
АР
А если на бэкенде юзать Prisma, то вообще ещё и запросы к базе писать не надо, Prisma это делает сама по схеме GraphQL.
2018 August 11
IA
Идея проста. Я сейчас разрабатываю (вернее дорабатываю существующий) набор веб-компонентов на Polymer для Apollo.
Крутизна веб-компонентов в том, что они декларативны. Достаточно знать HTML, чтобы добавить, например query или mutation в своё приложение:
<graphql-query result="{{starShipsData}}">
query {
allStarships(first: 5, filter: { pilots_some: { name_not: "" } }) {
name
class
pilots {
name
homeworld {
name
}
}
}
}
</graphql-query>
Крутизна веб-компонентов в том, что они декларативны. Достаточно знать HTML, чтобы добавить, например query или mutation в своё приложение:
<graphql-query result="{{starShipsData}}">
query {
allStarships(first: 5, filter: { pilots_some: { name_not: "" } }) {
name
class
pilots {
name
homeworld {
name
}
}
}
}
</graphql-query>
"Достаточно знать HTML" - тут вы лукавите. Досаточно знать что есть веб-копонент который это делает. Знать его апи, и синтаксис запросов/мутаций. Так что в плане простоты мало чем отличачется от использования готовых компонентов на /react/vue/angular
АР
"Достаточно знать HTML" - тут вы лукавите. Досаточно знать что есть веб-копонент который это делает. Знать его апи, и синтаксис запросов/мутаций. Так что в плане простоты мало чем отличачется от использования готовых компонентов на /react/vue/angular
Вот тут более развёрнуто описана мысль, которую я пытался донести: https://scotch.io/bar-talk/universal-web-components
АР
У веб-компонентов есть ещё плюс в том, что они являются стандартом W3C и framework agnostic and interoperable. То есть их можно юзать и в react/vue/angular. Чего не скажешь про компоненты react/vue/angular. Заюзать react-компонент в angular-приложении - боль.
АР
Всё же знать HTML (декларативный язык разметки) и GraphQL (декларативный язык запросов) не одно и то же, что уметь полноценно программировать на языках программирования, например JS.
АР
А тут в режиме конструктора сайта через drag and drop накидал HTML-тегов в страницу и как из кубиков лего собрал приложения (кнопки, менюшки). В том числе и интеграцию с GraphQL. )
АР
Доля лукавства лишь в том, что совсем без единой строчки JS не 100% задач можно решить.
VS
99.(9) !!
2018 August 13
ДР
интересно) какие приемущества с Prisma?
АР
интересно) какие приемущества с Prisma?
В смысле «с»?
АР
Это как curl только для GraphQL, чтобы делать запросы прямо из консоли. Связь с Prisma не прослеживается.
ДР
В смысле «с»?
нет сервера?