Building a Hacker News Clone with GraphQL, Hasura and React - Part 1
A detailed tutorial on how to build a Hacker News clone using GraphQL, Hasura and ReactJS.
hasura.io
Frontend
Web clients, performance and interface engineering.
Optimistic UI and Clobbering
Optimistic UI is a front-end development paradigm wherein, after making a mutation request to an API, the client updates the UI optimistically assuming that the request is successful.
hasura.io
GraphQL Contributor Days is back - join us for our frontend frameworks edition!
GraphQL Contributor Days is back. This edition will focus on the front end! The event will be live streamed on 8th Aug August 9am PST.
hasura.io
Building a WhatsApp Clone with GraphQL, React Hooks and TypeScript
Build a Clone of WhatsApp using Hasura GraphQL, React with Hooks, Typescript and GraphQL Code Generator.
hasura.io
Add Authentication and Authorization to Vue.js Apps with Auth0 and GraphQL
Add authentication to Vue.js app with Auth0. Authorization using JWT and Hasura GraphQL permissions. A sample Vue.js app protected by login to fetch articles written by logged in user.
hasura.io
Build react-static sites using GraphQL on Postgres
Source data from your existing postgres database for your react-static site using GraphQL APIs. Instant setup. Tutorial/boilerplate.
hasura.io
How To Build A Real-Time App With GraphQL Subscriptions On Postgres
Building real-time apps is a hard engineering problem to solve, especially as a frontend developer or someone who has recently made a…
hasura.io
JS13K Games 2K18
Introduction: Js13kGames is a JavaScript game development competition that is organized every year from 13th August to 13th September. What…
engineering.wingify.com
Shift to Atomic CSS
For the past few months, we at Wingify, have been working on making a common platform for different products - so that things get reused…
engineering.wingify.com
Demystifying Webpack 4 Split Chunks Plugin
Recently, we migrated one of our web apps to the Webpack 4, which decreases build time and reduces chunk size by using Split Chunks plugin…
engineering.wingify.com
Automated Heatmap Verification E2E using Selenium and Canvas
Heatmaps record visitor clicks on the live state of your website, which can be used to interpret user behavior on elements like modal boxes…
engineering.wingify.com
Strategies for Service Worker Caching for Progressive Web Apps
Service worker caching strategies before and after deployment for react apps.
hasura.io
Animations in VueJS
This article is inspired from Animating Vue JS by Sarah Drasner at JS Channel 2017. Problem Statement - Why Animation? Website UI…
engineering.wingify.com
Why we've removed Inheritance/Extend from SASS & you should do the same!
SASS is a preprocessor that provides features like variables, nesting, mixins, inheritance and other nifty goodies and makes CSS clean and…
engineering.wingify.com
Leveraging Kafka Streams to reduce DB Hits
I have been working with Apache Kafka for more than 4 years now and have seen it evolve from a basic distributed commit log service…
engineering.wingify.com
Migrating towards Yarn and Webpack
For the past couple of years, we have been using require.js for module loading and Grunt for automating tasks on front-end, for one out of…
engineering.wingify.com
The First Wingify DevFest
"What is the most resilient parasite? Bacteria? A virus? An intestinal worm? An idea. Resilient... highly contagious. Once an idea has taken…
engineering.wingify.com
Automated environment deployments
Shipping a bug-free feature is always important in every release. To ensure this, we do quality analysis(QA) at various points of the…
engineering.wingify.com
PyData at Wingify - My Experience
About PyData I recently got an opportunity to speak at the PyData, Delhi. PyData is a tech group, with chapters in New Delhi and other…
engineering.wingify.com
Demand-driven APIs Using GraphQL
Introduction This article will deal with the issues we face with the current API architecture (mostly REST) and why demand-driven APIs seem…
engineering.wingify.com
Wingify's First Internal CTF
Capture the Flag (CTF) is a special kind of information security competition which provides a safe and legal way to try your hand at hacking…
engineering.wingify.com
Wingify Hackathon - Sum It Up
I am a frontend developer at Wingify and I am building a really awesome product, PushCrew. Last month, we had a hackathon. The idea was to…
engineering.wingify.com
Using Kubernetes to power Asia’s largest MOOC
Kubernetes helps MOOC students practice web development and deployment using just a browser.
hasura.io
Wingify Hackathon - VWO X-Ray
Recently, Wingify had organised a 24-hour Internal Hackathon where the developers from Wingify created a lot of awesome projects for daily…
engineering.wingify.com
Wingify at Europe/UK Conferences
Last two months were quite amazing for me as a Wingifighter; I was on a traveling spree over Italy and London. I got an opportunity to…
engineering.wingify.com
Heybot! - Our skype bot
Few days back, we open-sourced our internal Skype bot to the world. Its called Heybot!, but we call it Ramukaka at Wingify :) Whether its…
engineering.wingify.com
Speeding Up VWO
About two years ago, Wingify had introduced the new generation of our Visual Website Optimizer to the world. Boasting a modern visual…
engineering.wingify.com
Secure Your Web Application @JSChannel Conference ’16
Recently, I spoke about securing Web Applications at JSChannel Conference ’16. The conference venue was The Ritz-Carlton, Bangalore…
engineering.wingify.com
Automating Web Push Notifications @Selenium Conference 2016
There were just two hours left to catch a flight for an exciting opportunity to present at the biggest Selenium conference, SeleniumConf…
engineering.wingify.com
Let's talk Security - Engineering Talkies
At Wingify, we recently began an initiative by the name Engineering Talkies where our engineering teams share their experiences, repertoire…
engineering.wingify.com
Code In the Dark at Wingify
Coding is always fun at Wingify, be it a Wingify Camp or a Fun Friday. And to add to the fun, in a Fun Friday Code In the Dark was organized…
engineering.wingify.com
A layout trick
Few weeks ago, we did a redesign of our product - VWO. It wasn't a complete overhaul from scratch, but some major design decisions were…
engineering.wingify.com
Free objects - a generalized interpreter pattern
In the GOF book, the interpreter pattern is probably one of the most poorly described patterns. The interpreter pattern basically consists…
engineering.wingify.com
SuperElasticsearch - More Python goodness in elasticsearch-py
We have been using Elasticsearch for storing analytics data. This data stored in Elasticsearch is used in the Post Report Segmentation…
engineering.wingify.com
Wingify at Meta Refresh 2015
After hosting the Meta Refresh Delhi Runup Event, it was time for us at Wingify to prep up for MetaRefresh. We were very excited to…
engineering.wingify.com
Meta Refresh 2015 Delhi Run-up Event hosted at Wingify
Giving back to the community has always been a priority at Wingify, be it through open sourcing internal projects or via organizing…
engineering.wingify.com
Q-Directives - A Faster Directive System For Angular.js
Performance matters, and an Angular.js developer would especially know it. Several watchers in a digest cycle can often be a bottleneck, and…
engineering.wingify.com
Elasticsearch for Analytics
Elasticsearch is essentially a distributed search-engine but there have been more than one example of companies and projects using…
engineering.wingify.com
Meta Refresh 2015 Delhi Run-Up Event
Meta Refresh is an event organised by HasGeek that focuses on design, user experience and the front-end web. The current iteration of Meta…
engineering.wingify.com
Open source at Wingify
At Wingify, we believe in open source and actively seek opportunities to give back to the community. We make use of a lot of open source…
engineering.wingify.com
Testing AngularJS Apps End to End Using Protractor
We, at Wingify, have been writing e2e test cases for our A/B testing app for the past 5 months using protractor. Writing e2e scripts is easy…
engineering.wingify.com
Overcoming the Challenges of Performance Testing Single-page Apps
To begin with, lets talk about two of the most important things are that come to mind when we talk about performance testing. The Metrics to…
engineering.wingify.com
Wingify at CSSConf / JSConf Asia 2014
Back in November, I, along with some colleagues from Wingify went to Singapore to attend CSSConf and JSConf Asia. A part of DevFest Asia, it…
engineering.wingify.com
JSFoo Delhi Run-up Event @ Wingify
Last week, we announced that Wingify would be sponsoring the JSFoo 2014 conference in Bangalore. We have always been looking out for…
engineering.wingify.com
JSFoo 2014 Delhi Run-up Event + JS Contest
The front-end has become the heart of today's web application development, and JavaScript drives a core part of it. New technologies…
engineering.wingify.com
Open Sourcing DOM Comparator
DOM Comparator is a JavaScript library that analyzes and compares two HTML strings, and returns back a diff object. It returns an output…
engineering.wingify.com
Wingify at The Fifth Elephant
The Fifth Elephant is a popular conference in India around the Big Data ecosystem. It happened last week in Bangalore. And we were proud to…
engineering.wingify.com
Dynamic CDN
We, at Wingify, handle not just our own traffic, but also the traffic of major websites such as Microsoft, AMD, Groupon, and WWF that…
engineering.wingify.com