Cypress - A worthy replacement for Protractor?
We, at Wingify, have implemented our web automation tests using Protractor. Although the old horse has served us well it is fast approaching…
engineering.wingify.com
Frontend
Web clients, performance and interface engineering.
Making Devs Lives Easier: Local Assets Optimization Services - Part I
Modern websites demand speed. As web developers we have to work not only on javascript but provide the best user experience as well.
sharechat.com
Regenerate Next.js Pages On-demand (ISR) with Hasura Table Events
New in Next.js 12.1 is Incremental Static Regeneration which allows us to create and update pages on demand. We can pair this with Hasura table events to keep our web pages always up to date and only rebuild when data changes.
hasura.io
Kroomsa: A search engine for the curious
Introduction The search algorithm implemented in your website greatly influences visitor engagement. A decent implementation of a search…
engineering.wingify.com
Building a realtime chat app with GraphQL Subscriptions
Here is how I used subscriptions in Hasura GraphQL Engine to build a full-fledged real-time group chat app on Postgres with React and…
hasura.io
From Native to React Native to Flutter
At Zerodha, the first mobile version our flagship trading platform Kite was written as a native Android app in 2015. After building a cross-platform version in React Native in 2017, we finally settled for a full rewrite in Flutter in 2018, a choice that has paid off really well…
zerodha.tech
Exploring GraphQL Clients: Apollo Client vs Relay vs URQL
We’ll be exploring Apollo Client, Relay, and URQL, as well as each of their pros and cons, to help you make the right choice when selecting a GraphQL client for your future projects.
hasura.io
‘doc-coverage’ — A Documentation Coverage Tool for Javascript
A few months ago, we at ShareChat decided to go on a documentation coverage spree. Not long into the journey we realised the resources for measuring documentation were limited and would not meet our expectations.
sharechat.com
‘doc-coverage’ — A Documentation Coverage Tool for Javascript
‘doc-coverage’ — A Documentation Coverage Tool for Javascript Witten by Shivani Sehgal It’s been rightly said that what gets measured gets managed! A few months ago, we at ShareChat decided to go on a documentation coverage spree. Not long into the journey we realised the…
medium.com
The Ultimate Guide to handling JWTs on frontend clients (GraphQL)
JWTs are becoming a popular way of handling auth. This post aims to demystify what a JWT is, discuss its pros/cons and cover best practices in implementing JWT on the client-side, keeping security in mind.
hasura.io
Comparing Serverless Functions Providers: Vercel vs Netlify vs Gatsby Cloud
For front-end developers, few FaaS providers command as much name recognition as Vercel, Netlify, and Gatsby Cloud. In this post, we'll compare them.
hasura.io
Getting started with React Query and GraphQL
React Query is a powerful client that works hand-in-hand with GraphQL for minimum boilerplate and ultimate flexibility.
hasura.io
Getting started with React Query
React Query is a lightweight but powerful data-fetching manager for React. In this tutorial, we'll learn the basics of what it is, and how to get started quickly!
hasura.io
How to request a GraphQL API with Fetch or Axios
We will look at how to make a request to a GraphQL API with JavaScript fetch or libraries like axios.
hasura.io
Finding Bughotspots in Source Code
Introduction We are often faced with the problem of source code that breaks frequently. Or those modules which are very sensitive to changes…
engineering.wingify.com
Handling Shadow DOM in Protractor Tests
Overview Shadow DOM has slowly and steadily become an integral part of modern web apps. Before this, the Web platform provided only one way…
engineering.wingify.com
How to Build a Simple, Secure Social Media Site with Magic and Hasura
Learn how to build a simple yet secure social media site where you can share photos of your kitties and see other people's kitten galleries! Uses Magic Auth and Hasura GraphQL
hasura.io
Your Guide to GraphQL with TypeScript
Type safety is an enormous benefit for developers when embracing the GraphQL ecosystem. This tutorial guides you through a practice known as generative type tooling which allows you to unlock the full potential of GraphQL types in the front-end.
hasura.io
Setting up webhooks in Hasura using Next.js API routes
Learn how to configure Hasura Event Trigger webhooks that can call a Next.js API Route for performing custom logic.
hasura.io
Designers should understand code
The term designer is used across many domains. In the context of this article, it refers to a UX (User Experience) designer. One question…
engineering.wingify.com
Things you wish you knew about PostgreSQL for building an app
I had posted this question on platforms like Twitter, HackerNews and Reddit and got some interesting responses. In this post, I'm collating a bunch of these discussions to help frontend or full stack developers work better with PostgreSQL for their app.
hasura.io
Graphqurl v1.0: curl for GraphQL
Graphqurl is a curl like CLI for GraphQL. Its features include: * CLI for making GraphQL queries. * Run a custom GraphiQL locally against any endpoint. * Can be used as a library with Node.js or from the browser. * Supports subscriptions over websocket.
hasura.io
Wingify CTF 2k21
Here at Wingify, we love solving problems and puzzles. To spread this spirit of problem solving, we organized the fourth edition of Capture…
engineering.wingify.com
Postgres Types Mapped to JavaScript via GraphQL with Hasura
Today I've collected together a number of video shorts, extra details, and information about primary keys, primary key data types, and data types in general. In this post I've included links to mapping from Postgres types to JavaScript types via GraphQL and Hasura.
hasura.io
10 months, 11 engineers, 3000 customers & $1B in tradable ARR - How Pipe is using Hasura
Pipe have found that Hasura plugs right into their database, removes the need for custom data fetching routes, and reduces the need for front-end developers by 50%. Peter Downs speaks to Steven Yi about it all!
hasura.io
Top 3 GraphQL Resources for Vue.js Developers in 2021
GraphQL is seeing greater adoption in the developer space because of features that make it suitable for building modern applications. We have curated the top 3 GraphQL resources for Vue.js developers as Vue.js takes a similar trend in popularity as GraphQL in the frontend space.
hasura.io
Top 5 GraphQL Resources for Next.js Developers in 2021
GraphQL is stepping in to the 6th year in 2021 and is seeing great adoption in the developer community. We have compiled a short list of 5 best resources (in no particular order) specifically catering to Next.js developers.
hasura.io
Next.js JWT Authentication with NextAuth and Integration with Hasura
In this tutorial, we will look at implementing a custom JWT solution with next-auth, served by Next.js and integrate the same with Hasura and make authenticated GraphQL API calls.
hasura.io
Using Hasura as BaaS for Nuxt.js
In this post, we will look at using Hasura as BaaS for Nuxt.js and integrate GraphQL APIs with Apollo Client.
hasura.io
Build an e-commerce shopping cart reminder with Hasura Events
In this tutorial we will discover how to use Hasura Events to store a user preference/wish-list and to send a triggered email from this event. We will also cover the creation of the React app connecting to an Hasura Cloud instance to make it work fully!
hasura.io
Vue Tutorial: Implement Infinite Scroll in Vue.js Using Apollo and Hasura GraphQL
In this article, we're going to implement infinite scroll in a Vue.js app using Apollo and Hasura GraphQL APIs.
hasura.io
Performance Testing a data pipeline at scale
Introduction At VWO, we get traffic at a very high throughput (22K req/sec) to our servers. The data pipeline crunches and transforms the…
engineering.wingify.com
GraphQL Data Fetching with SWR React Hooks and Hasura
The idea behind this example is to demonstrate usage of useSWR, mutate and trigger hooks of SWR in combination with GraphQL.
hasura.io
Maths behind Bayesian Duration Calculator
Introduction The culture of experimentation is strongly picking up in several sectors of industry. It has become imperative to measure the…
engineering.wingify.com
A lua-nginx Client for Pub/Sub
Introduction Lua as a part of the OpenResty package, is extensively used in our in-house Dynamic CDN (DACDN) module. CDN generally is used…
engineering.wingify.com
Kafka Streams Stateful Ingestion with Processor API
At Wingify, we have used Kafka across teams and projects, solving a vast array of use cases. So, when we had to implement the VWO Session…
engineering.wingify.com
Programmatic Authentication under IAP on GCP
Overview We recently started with moving a lot of our infrastructure onto Google Cloud Platform. With this, we also decided that a lot of…
engineering.wingify.com
Announcing another set of GraphQL Fireside Chats: a Special Series of Online Events
A series of live streamed panel discussions about GraphQL and its ecosystem. This edition explores using GraphQL along with Angular, React, Vue and Relay.
hasura.io
Adding Relay support to Hasura
Relay is a JavaScript framework for declaratively fetching and managing GraphQL data. Hasura now has Relay support and we'd love your feedback!
hasura.io
Building a Full-Stack Yelp Clone with React, GraphQL & Hasura
In this video series, we'll build a mini Yelp clone where instead of reviewing restaurants, users review planets from the classic sci-fi series "Dune".
hasura.io
Why we chose TypeScript for the Hasura Console
At Hasura, we wanted to introduce a statically typed frontend language for quite some time now. We discussed which one we should choose and evaluated options such as PureScript, TypeScript, ReasonML, and Elm.
hasura.io
Performance improvements in VWO SmartCode
VWO puts a lot of focus on ensuring websites remain performant enough while using VWO. We have been increasing the efforts in this area and…
engineering.wingify.com
Three Wingifighters at the BountyCon
On March 29th, 2019, our team members Ankit Jain, Dheeraj Joshi and I had the privilege to attend a very exclusive event called BountyCon in…
engineering.wingify.com
Wingify towards Docker and Kubernetes
Introduction: At Wingify, we follow microservices based architecture to leverage it's great scalability benefits. We have a lot of…
engineering.wingify.com
Handling GraphQL Errors with Hasura & React
A quick guide to common errors that occur while working with GraphQL API and Hasura and how to handle them while building APIs with Hasura.
hasura.io
Building an Instagram clone in React with GraphQL and Hasura - Part 2
A detailed tutorial on how to build and Instagram clone using React.js, GraphQL and Hasura - Part 2.
hasura.io
Building an Instagram clone in React with GraphQL and Hasura - Part I
A detailed tutorial on how to build and Instagram clone using ReactJS, GraphQL and Hasura - Part 1.
hasura.io
Building a Hacker News Clone with GraphQL, Hasura and React - Part 2
A detailed tutorial on how to build a hackernews clone using GraphQL, Hasura and ReactJS.
hasura.io