Suresh Unnikrishnan

191 Added | 7 Magazines | 6 Likes | 80 Followers | @srsh_u | Keep up with Suresh Unnikrishnan on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Suresh Unnikrishnan”

Scaled images in React Native - NaNLABS

A year ago we started implementing a new design for Keep a Breast and chose React Native to build the app for both Android and iOS. When we were …

JavaScript

How to Add Touch ID to Your React Native App

Most modern smart phones have a built-in fingerprint sensor.<br>On iOS, this feature is called <b>Touch ID</b> whereas on Android, it is generally referred to as …

Touch ID

How we’re using GraphQL and Apollo at Replicated

In recent months we’ve been making the transition from using REST APIs to using GraphQL, which has enhanced our development workflow in a variety of …

Software Engineering

Daily Slack reports of your GraphQL query performance and errors

Getting a bird’s-eye view of your GraphQL API with Apollo Engine<p>The best thing about GraphQL as an API technology is that it’s focused on the needs …

Software Development

GraphQL - Real World Caching & Permission Management - Fredrik Andersson

YouTube

Show Calendar — Part 0: Intro & Starter Kit

The Show Calendar project explores developing an app with the Event Sourcing and CQRS patterns. The goal is to understand how good these patterns are …

JavaScript

4 Questions to Ask When Choosing a Push Notification Provider for a React Native App

Push notifications rock. Twice a day I’m reminded about how I can win some 💰 💰 💰 by playing a trivia game. Or I’m sent a daily news digest. Or …

JavaScript

Deploying GraphQL Servers with Apex Up – Graphcool Blog

From development to production<p>During development, you’ll usually test your software <i>locally</i>. When you’re working on a web app, this means you’re …

Cloud Computing

How GraphQL Replaces Redux

“What?!”, you say. “GraphQL is a server side query language. Redux is a client-side state management library. How could one replace the other?” Good …

Software Engineering

Wait… What Happens When my React Native Application Starts? — An In-depth Look Inside React Native

The React Native “Bridge”, duh!<p>Wait… didn’t you just give us another cryptic explanation?<p>Woops, that got a little complex, didn’t it? And this is a …

JavaScript

React Native Push Notifications with Amazon Pinpoint — iOS

Adding Push Notifications to a React Native iOS project using Amazon Pinpoint, AWS Amplify & AWS Mobile Hub.<p>AWS recently added the ability to send …

Cloud Computing

2.6. GraphQL 安全 · GraphQL 在医疗信息系统互联互通中应用实战

Deep Learning With React Native

There has always been a huge amount of excitement around topics like Artificial Intelligence(AI). When someone mentions AI, you either think about …

Five Common Problems in GraphQL Apps (And How to Fix Them)

Learn to unlock the power of GraphQL without suffering its drawbacksGraphQL is all the rage these days, and for good reason: it’s an elegant approach …

Software Engineering

React Albus

“Let us <Step> into the night and pursue that flighty temptress, adventure.”<p>-- <i>Albus Dumbledore</i><p>What is React Albus?<p>React Albus is a React component …

JavaScript

Jest WebDriver Integration

Connect Jest tests to Selenium WebDriver.<p>Limitations<p>The project is in progress. It only supports running preinstalled WebDrivers (Chrome, Safari, …

8 Tips to Build Awesome React.js Apps in 2018

New year, better code: mind these React.js best practices to improve the quality of your code. <b>This post is a short collection of essential React.js</b> …

JavaScript

Programmatically navigate with React Router

When building an app with React Router, eventually you’ll run into the question of navigating programmatically. Because of the churn that React …

Introducing form-for. ReactJS Forms Made Easy

Simple, declarative and powerful forms with ReactJS<p><i>If came just for the link, just</i> <i>click here</i><i>.</i><p>I've been coding for a few years and played with a few …

Software Development

How I did validation for forms in react.js

I recently developed a form where each field has a set of validations attached to it and I had the following 2 use cases to cover :<p>A field can have …

react-gridit

CSS

Killing Switch Statements in React with the Strategy Pattern

I saw this article about building multi-step forms in React recently - and although it's a very well-written and organised article, I was concerned …

JavaScript

Awesome React Render Props

Awesome list of React components with render props and resources.<p>PR's Welcome!<p>Videos<p>The State of Animation in React by Cheng Lou<br>• Use Render Props with …

Software Engineering

Getting Started with Jest and Puppeteer

Jest is a testing framework maintained by Facebook that works great with Puppeteer, a library for controlling Headless Chrome. In this post we will …

JavaScript

jest-dashboard

A command line dashboard for jest<p>Purpose<p>When you run tests in jest, you probably see this sort of output:<p>While that is helpful, it can get quite hard …

JavaScript

AWS AppSync, powered by Apollo – Apollo GraphQL

AWS AppSync, built with Apollo<p>A first look at Amazon’s newest GraphQL product<p>Yesterday at reInvent, Amazon launched AppSync, a new GraphQL service …

The future of state management – Apollo GraphQL

Managing your local data in Apollo Client with apollo-link-state<p>When an application grows in size, its state often grows in complexity. As …

JavaScript

Using GraphQl client with REST API

<b>”Bridge it until you make it.”</b><p>Because using GraphQL and especially Apollo client suite is so convenient, one would like to develop frontend apps in …

Software Engineering

react-content-loader

React component that uses SVG to create a collection of loaders which simulates the structure of the content that will be loaded, similar to Facebook …

JavaScript

Subscriptions with GraphQL + Relay

Starting the App<p>Build graphql schema: npm run build:schema<br>Run relay compiler: npm run relay<br>Run relay compiler in watch mode: npm run relay -- …

Software Development