Introducción a Apollo GraphQL
HTML-код
- Опубликовано: 7 сен 2024
- A grandes rasgos GraphQL se compone de tres partes fundamentales: schema, resolvers y clients. Schema o esquema se trata de usar el lenguaje de GraphQL para definir las operaciones con parámetros y valores de retorno. Los resolvers se tratan de la implementación de las operaciones en el esquema, ósea se trata de resolver el resultado de la operación. Esta parte se hace fuera del lenguaje GraphQL por ejemplo con JavaScript. Por último, los clients o clientes se tratan de los consumidores de GraphQL. Consumir GraphQL consiste de escribir una petición en el lenguaje GraphQL pero implementado en algún lenguaje de programación, por ejemplo con JavaScript. Algo así como escribir peticiones de SQL en JavaScript.
=======================================
Documentacion GraphQL
graphql.org/le...
Mis articulos sobre GraphQL
/ introducci%c3%b3n-a-ap...
/ aprendiendo-graphql-de...
/ beneficios-de-graphql
Playlist sobre GraphQL
• GraphQL
Repositorio Github:
github.com/pro... 
Наука
![Megan Thee Stallion - Neva Play (feat. RM) [Official Video]](http://i.ytimg.com/vi/TpYTyAaTRts/mqdefault.jpg)
que gran calidad de contenido, bien explicado y al grano, sigue asi bro, te mereces muchos mas subs (que eventualmente llegaran si sigues con este mismo estándar de calidad)
mis primeros pasos con apollo , recien intentando comprenderlo :)
Excelente video Leo! Has usado Graphql con Typescript? Que opinas de esta combinación?
Me parece buena idea para aprovechar el tipado de GraphQL y mantenerlo muy similar en TypeScript. Te recomiendo apollo CLI para generar los tipos automaticamente.
Entonces que es Apollo en si? se puede usar Apollo sin GraphQL y GraphQL sin Apollo? entiendo que es GraphQL pero Apollo aun no me queda claro, es lo mismo? o porque en udemy se promocionan tanto cursos de "GraphQL con Apollo" como si fueran tecnologias diferentes.
Aun asi planeo aprender GQL, ya que ya tengo varios de esos cursos de udemy xDD
Que tal Leo, podrías hacer un video usando un wysiwyg o editor que generalmente son usados para diarios digitales o blog para redactar un post o nota. Basicamente se que cuando capturas los datos se verían del siguiente formato "Tituloparrafo" (te devuelve un string). Y mi duda está en como renderizar esos datos capturados en otro componente ya que al ser un string literalmente me renderiza todo hasta los elementos. O en tal caso si no tienes tiempo, si conoces algun código en github utilizando un editor. Gracias.
Se tiene que hacer asi reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
@@LeoMedinaDev GRACIAS !
Buenas Leo, una consulta (no es referente al video) estoy a punto de desarrollar una app mas grande de lo normal( no soy muy experiente pero ya hice proyectos mas pequeños ) y me gustaria que me de algunos consejos para poder escalar una app creo que debo de saber alguna arquitectura o algo para que no se salga de control las cosas con react
Que bueno que tienes eso en cuenta, lo que te puedo recomendar son algunos principios de desarrollo de software, probablemente tengas que investigarlos por tu parte, pero te los dejo aquí.
1. Modularizar tu app es muy importante te recomiendo que al más alto nivel separes en cuanto a secciones o funcionalidades, por ejemplo: tener directorios checkout, dashboard, home, chat, etc. Dentro de cada uno puedes separar por categoría por ejemplo: pages, components, hooks, assets, etc. Si tienes archivos que se tiene que reutilizar en varias partes puedes crear una sección de Common que se puede compartir con las demás.
2. Componentizacion en React, esto significa mantener los componentes más genéricos posibles y después crear componentes compuestos a partir de ellos, evitar componentes gigantescos, la idea es que cada componente tenga un proposito corto y claro
3. Administración de estado es probablemente lo más importante tengo un video donde hablo de esto: ruclips.net/video/VnUREqmOiz0/видео.html
4. Establecer un estándar para estilos con CSS o tu preprocesador o postprocesador, por ejemplo utilizar CSS BEM
5. Utilizar herramientas para agilizar el desarrollo como eslint, prettier, nodemon, webpack-dev-server, extensiones en los navegadores y en tu editor de texto
6. Seguir principios DRY y SOLID
7. Implementar testing por ejemplo unit testing, e2e testing.
@@LeoMedinaDev Muchas gracias, tomare cada uno de los puntos aue me has dado como algo sagrado y sabre lo mas posible de ello realmente te agradesco que te hayas tomado ese tiempo, estaba viendo en muchos blogs que debo de usar redux pero no estoy seguro si realmente lo necesito entonces pienso simular los principios de redux (te dejare un link comentado a esta respuesta) el problema seria que no he usado redux aún en una app (aúnque me vi muchas veces tu video de "por que redux es complejo y ya entiendo los principios de flux") y bueno si es necesario implementarlo, tengo dos dias de tiempo antes de comenzar con el proyecto, gracias de antemano master.
ordazgustavo.com/blog/redux-sin-redux a esto me refiero con redux sin redux en react
La app tiene 23 ventanas en donde se hay ventanas que son repetidas pero con contenido distinto
llegue a esto: creare la app teniendo en cuenta lo que me dijo, dedicare el tiempo libre que tenga para aprender y practicarlo administrare mi estado de la forma en que usted lo hace en el tercer punto ( ya lo vi antes como cuatro veces y lo aplique en mi ultimo proyecto) muchas gracias amigo algún día se lo compensare.
dude quice arrancar el proyecto pero despues de hacer npm install y npm start me bota un error npm ERR! Failed at the graphql-apollo-intro@1.0.0 start script., de todas formas muy buena explicacion de los conceptos, actualmente ando implementando un servidor usando express-graphql pero queria migrarlo a apollo-client (me parece que esta mejor documentado con ejemplos mas claros y utiles) estare atento de tus prox videos^^
que raro, quiza sea la version de node, estoy usando la 12.14
Se bueno el contenido bro pero te demoras mucho en explicar temas que duran 5 minutos con buenos ejemplos y mejor resumidos.