Discover and read the best of Twitter Threads about #graphql

Most recents (24)

How I single-handedly bypassed #OpenSea's backend security model for profit. 🧵 👇

tl;dr code at github.com/cawfree/opense…
For some background, I've been trying to code the upper hand on #NFT marketplaces for a couple of years now:

github.com/cawfree/opense…
github.com/cawfree/opense…

These are some projects that made it, but there's a mountain of failed attempts that lay hidden behind the scenes.
I would scrape OpenSea's webpages and extract meaningful content from them.

Since most of the content is lazy-loaded via infinite scrolling, I'd use #puppeteer to scroll through the pages for me.

github.com/puppeteer/pupp…
Read 25 tweets
(1) Sigo trabajando con el clon de Gamezonia (desarrollado inicialmente en #angular gamezonia.netlify.app) para #react y hoy me he metido con el carrito de compra.
He cambiado la perspectiva de cómo lo hice antes y ahora en vez de un menú lateral, tengo un componente a página👇
(2) completa y hago en principio la gestión sin comerme mucho la cabeza. Guardo todo en un localStorage y gestiono con varias acciones dentro de un custom hook (useCart) y bueno, por el momento guay, mejorable pero seguimos avanzando.
Esto lo meteré en la librería👇
(3) "react-shop-ui" que estoy desarrollando y que todavía no quiero compartirlo oficialmente, ya que quiero documentarlo todo bien. Esta librería es el clon de ng-shop-ui: npmjs.com/package/@mugan… que use para agilizar el proceso en el curso de MEAN+GraphQL y así enseñar👇
Read 8 tweets
#React and #ReactNative videos were definitely in the flow in 2021 and are expected to dominate 2022 as well! Better catch up on the top 10 #meetupvideos from last year so you won’t be falling behind. 😎

blog.meetupfeed.io/best-of-2021-r…

#programming #developing #programmer #developer
Expert guide to React Navigation by @callstackio
Satya Sahoo and Mateusz Kosoń, #softwareengineers at Callstack, are talking about the #React Navigation library. During the conversation, they cover a wide range of topics related to it.

meetupfeed.io/talk/react-nat…
#programming
Improving apps with Custom Hooks and React-Query by @_zachdtaylor
Zach Taylor will be going over two things that can greatly help you improve the quality of your React code: custom hooks and react-query.

#reactquery #customhooks #programming #react

meetupfeed.io/talk/react-cus…
Read 12 tweets
The Graph Foundation is happy to welcome the leading GraphQL development team @TheGuildDev as a core developer!

The Guild has been awarded $48 million from @graphgrants to contribute to subgraph & protocol R&D to build out API features! #GraphQL 🔍✨🧵

thegraph.com/blog/guild-ann…
.@TheGuildDev is a top open-source developer group with experience building GraphQL tooling for top Fortune 500 companies & the open-source community. They create & maintain some of the most widely-used GraphQL tools & are an official GraphQL Foundation core member 👨‍💻👩‍💻
“We are honored to have The Guild team joining forces with other core developers in The Graph. The team’s experience is unparalleled and this commitment signifies a major shift in developer attention from web2 to web3.” 💬

- The Graph Foundation director @evabeylin
Read 5 tweets
📚 tl;dr sec 104
* New Phrack
* @hakluke, @farah_hawaa 10 often missed web vulns
* @_fel1x C/C++ semantic search tool
* @black2fan, @s1r1u5_ Finding prototype pollution at scale
* @r2cdev Securing your GitHub Actions
* @alex_dhondt Exploiting drones

tldrsec.com/blog/tldr-sec-…
@hakluke @Farah_Hawaa @_fel1x @Black2Fan @S1r1u5_ @r2cdev @alex_dhondt 📢 Sponsor: The DevSecGuide to Infrastructure as Code:
🔬 Research on the state of IaC security
🦋 Practical steps for embracing a DevSecOps culture
🔐 Tips for embedding security throughout the DevOps lifecycle
➡️ Download for free from @bridgecrewio
bridgecrew.io/resource/the-d…
Read 9 tweets
Do you want to create a GraphQL API with Elixir?

Here are all the resources you need to get started.

A 🧵

#MyElixirStatus #graphql #elixir
Absinthe GraphQL

@absinthegraphql is THE GraphQL library you want to use. It is an amazing toolkit that implements the GraphQL specification in an idiomatic Elixir style.

absinthe-graphql.org
Absinthe allows you to define schemas:

- define the data entities, queries, mutations, and subscriptions
- supports custom scalars
- allows deprecating definitions
Read 12 tweets
Schema-First ou Code-First
Você sabe a diferença entre essas duas abordagens no GraphQl? 👇🏻🧵

#GraphQL

@sseraphini @wendeltsx @dinardito @KindSloth
O que é um Schema?

Um Schema no GraphQl define uma série de funcionalidades que estão disponíveis para o cliente, como os Types, Queries e Mutations.
Read 7 tweets
Our first speaker @gregjopa is on! Come and learn about JavaScript SDKs at PayPal.
Next up @GNUmanth talking about PWA and all the cool things coming up in web
Read 12 tweets
Our very own @VishwaMehta30 recently complied a list of the top 7 GraphQL IDEs to know about in 2021!

A thread ⤵️ #GraphQL
First up, the OG - GraphiQL (@graphql)!

With strong features like the visual query builder and the API documentation explorer make this an evergreen favorite.

• Link➡️github.com/graphql/graphi…
• An online version ➡️ graphiql-online.com
Next, we have Insomnia (@GetInsomnia)!

This amazing tool allows for collaboration across teams with its multiple workspaces and import/export features!
insomnia.rest
Read 10 tweets
There are two different approaches to GraphQL development.
1- schema-first development.
2- code-first development. #graphql
With schema-first development, you manually define your API’s schema using the GraphQL Schema Language. The code in your service only implements this schema.
With code-first development, you don’t have a schema file. Instead, the schema gets generated at runtime based on definitions in code.
Read 5 tweets
If you work with #GraphQL and are CURIOUS on what the recently open source released Domain Graph Service framework by @NetflixEng is ? I have attempted a really short summary of the same below 🧵👇
#Annotation-Based : The framework’s core revolves around the annotation-based programming model familiar to Spring Boot developers. Just start the Spring Boot application, the /graphql endpoint along with the query editor on /graphiql endpoint will be available.
#Java / #Kotlin : So you can say it is primarily ofadvantage for Java developers. Regardless of whether you use Java or Kotlin, the DGS framework provides an easy way to build GraphQL services in Spring Boot.
Read 11 tweets
#frontend engineers: What is your dream CI/CD pipeline? 🥰

Here is what we have at @contrahq 👇👇👇
precommit and prepush #git hooks are used to catch issues before they are pushed upstream.

* precommit runs only on staged files (takes few seconds)
* prepush runs #eslint #typescript and unit tests (takes up to 20 seconds)

Every time a commit is pushed:
1) We build a #docker image & bundle cypress and other development dependencies. This allows us to run all subsequent tasks using the same Docker image.

It is fast. Takes 2-4 minutes. 🏎
Read 10 tweets
X: when would you NOT use #AppSync?
me: since AppSync gives you managed #GraphQL server as a service, so if you need a REST API instead then you won't use AppSync. Also, you wouldn't use AppSync if you need GraphQL/Apollo features that are not supported by AppSync
X: what sorta features are you talking about?
me: you can't define custom scalar types (e.g. LatLon is a popular one), and implementation-specific features like Apollo federations for schema stitching, or utilities like data loaders github.com/graphql/datalo…
X: ok, do you need them to build a product app?
me: no, you can absolutely build production apps without them, but these features can be very useful in some contexts, for example, Netflix uses federation heavily netflixtechblog.com/how-netflix-sc…
Read 7 tweets
A thread on #HeadlessCMS where you will know most of things about what it is, how is it different to traditional #CMS, why it matters, pros & con's, and the most popular Headless CMS.

👇 #100DaysOfCode
So before you understand what this #HeadlessCMS is all about, in the first place you should know need to understand the difference between a Headless CMS and a conventional (or traditional) #CMS.

👇 #100DaysOfCode
Traditional #CMS platforms, like Joomla for instance, come with a front-end delivery layer, otherwise known as the “head” — that dictates how the content is presented to the end-user (1/3).

,👇 #HeadlessCMS #100DaysOfCode
Read 20 tweets
How do y'all like to ramp up on new tech?

🧵
For me, when the need for a new language, library, framework, shiny thing, etc pops up - i find that i usually take the same general steps

and the 7-bullet list i jotted down in my notes became this thread:
1. pick a language, any language. or framework, library etc.

no tech is perfect. don't sweat it the choice too much. they all have pros and cons - but do try to pick one that has good community adoption so you can get help when you run into blockers
Read 13 tweets
the fact that you can write/mutate and read/query from the same call or transaction in #graphql.

powerful flexibility or anti pattern?
by same call i mean same transaction, same request response cycle
i think im seeing it right?

you can mutate/write, and fetch what was mutated/written in the same round trip. OK

but you can't query/read, and then mutate/write anything "on the side", which would violate side-effect free functions, and idempotence. OK again
Read 4 tweets
something is coming...

#serverless #appsync #graphql Image
Teaser #1

✅ landing page
✅ sign-in page
✅ user registration with Cognito
✅ sign-in & sign-out
✅ Home screen

This is the demo app we'll be building. For now, you can see the registration & sign-in/sign-out in action.

More updates soon!

#serverless

Minor update - the website is up, and I'd love to hear your feedback on the curriculum.

Are there anything in particular that you'd like to learn? Am I missing anything glaringly obvious?

appsyncmasterclass.com
Read 6 tweets
Last Saturday, @souvikdg and @hallidude chatted about the pros and cons of @CraftCMS on hasgeek.com/metarefresh/co…. If you are deciding on whether to adopt #CraftCMS, you will find this thread useful. (1/13)
@souvikdg @hallidude @CraftCMS .@CraftCMS is a general purpose Content Management System (CMS) which differentiates itself from other #alternatives by offering a clean starting point coupled with great tools to build a #website. (2/13)
@souvikdg @hallidude @CraftCMS .@CraftCMS features a clear separation of concern between the content models, presentation and business logic. Since you begin with a clean slate, you have to bring your own #HTML and #design. There is no starter theme.
Read 14 tweets
I have spent quite a bit of time with AppSync on a few projects, and it's really grown on me, big time. So much of what's difficult with API GW comes out-of-the-box.

Here are 5 things that really stood out (a long form blog post to follow soonish)

#serverless #aws #graphql

1/
1. Coginot group-based authentication.

This is a big undertaking with API GW, you have to assign IAM roles to groups, set precedence order, then write a custom auth Lambda func & generate policy yourself.

With AppSync, it's built-in, literally a one-liner!

2/
2. Request & response validation.

With API GW you need to set request model (not bad) but there's no response validation (the response model is only used for doc generation) so you have to roll your own.

With AppSync, it's just how GraphQL works, no extra work required.

3/
Read 11 tweets
[Thread] I've been asked recently about some interesting use cases and capabilities provided by #AWSAppSync and #GraphQL. Then I realized we had some great content published by awesome authors, shared over the past months. Here some of my personal favorite: [1/20]
Use AppSync to visualize big data sets with Amazon Athena by @BricePelle aws.amazon.com/blogs/mobile/v… [2/20]
Leverage Amazon Step Functions for long running GraphQL queries on AppSync by @joshuaakahn aws.amazon.com/blogs/mobile/i… [3/20]
Read 20 tweets
(1/12) ¿Cuál es el mejor stack tecnológico para un aplicación?

🅰️ Angular/Ionic = Frontend
🏗️ NestJS/GraphQL = API
💾 Couchbase = DB
🔃 Celery = Colas de tareas
☁️ Docker = Orquestador de servicios.

En este hilo explicó las razones👇
(2/12) 🅰️ #Angular posee características increíbles y es un Framework que permite tener una arquitectura sólida desde el inicio con código limpio.
(3/12) 📲 #Ionic y su ecosistema permite enfocarse en entregar valor y tener una UI/UX consistente para cualquier dispositivo, además que con capacitor se puede crear apps para Android/IOS/PWA/Electron.
Read 12 tweets
hi twitter 👋 been posting/using twitter less bc this site makes me feel like i’m losing my mind but i wanted to pop in and share some of the vids i’ve been working on over the last month at @bytesizedcode because i’m super proud of them 👇
learn @github actions by building a weather bot and deploying it
#GraphQL in 10 minutes
Read 5 tweets
🎉🎉🎉 AppSync... again!

🤯 #GraphQL Server side Caching at API and Resolver level
🔥 #DynamoDB Transactions

That means faster queries, cache per user, per argument, and DynamoDB all-or-nothing operations across tables

And that isn’t even reinvent yet 👌
#serverless #aws

👇
@ednergizer don’t know who are the engineers who worked on that feature but please passed our congrats to them.

Another #awswishlist
Did I also say that Caching is already supported in CloudFormation too?

🤘

Read 3 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!