Eric Hai

2,568 Flips | 9 Magazines | 7 Likes | 1 Following | 2,376 Followers | @erichai | Developer in AngularJS, ReactJs, ASPNET MVC, C#, NoSQL. Super love cloud technology & Golang. Singapore.

React Native at Airbnb: The Technology

The technical details<p><i>This is the second in a</i> <i>series of blog posts</i> <i>in which we outline our experience with React Native and what is next for mobile at</i> …

Software Engineering

An overview of Visual Studio Code for front-end developers

No matter whether you are a code newbie or a seasoned developer, code editor is an imperative part of your work. The problem, especially if you are a …

Web Design

Understanding Generators in ES6 JavaScript with Examples

ES6 introduced a new way of working with functions and iterators in the form of <b>Generators (or generator functions)</b>. A generator is a function that <b>can</b> …

JavaScript

A common misconception about async/await in JavaScript

With promises we write asynchronous code that <i>emulates</i> synchronous code but with async/await we write asynchronous code that <i>looks like</i> synchronous …

JavaScript

Building a Shared UI Component Library – Bits and Pieces

<i>5 Opinionated key factors for building a shared Javascript UI component library that people will adopt.</i><p>Reusable components are a great way to build a …

React With .NET Core and MySQL - HTTP, Axios, Redux

In this post, we are going to explain how to send HTTP requests from React. We can send<p>requests from every component but we are going to do that by …

Software Engineering

Beyond SPAs: alternative architectures for your PWA

Beyond SPAs: alternative architectures for your PWANote: Prefer a video to an article? You can watch the presentation on which this was based …

JavaScript

10 React Developer Tools You Might Have Missed

Here’s a few tools you might have missed, out of my React tooling shortlist that deal with performance, visibility and debugging. Note that some of …

JavaScript

Icons with Font Awesome 5 in Xamarin Forms - Cool Coders

Hello friends, as mobile or desktop app developers, I’m sure you have faced several difficulties with icons. I mean finding a uniform set of icons. …

Top Webpack plugins for faster development

How many times have you refreshed your browser after changing your source code? How many times have you <i>typed</i> localhost:PORT after opening your …

How to use Redux on highly scalable javascript applications?

Redux composition and encapsulation at large scale<p>Building a large scale application can be problematic, and as it grows it becomes more and more …

How to create react-tabs using ContextAPI

<i>The new React Context API is officially out, and is safe to use!</i><p>This API is mainly used to share things between React components to solve the</b> …

9 React Libraries And Tools To Master Your Component Workflow

Stack overflow’s survey for 2017 ranked React as the most popular technology, and the one most loved by developers around the world.<p>Here is a curated …

GoJay

GoJay is a performant JSON encoder/decoder for Golang (currently the most performant, see benchmarks).<p>It has a simple API and doesn't use reflection. …

Microservices

GoJay

<b>Package is currently at version 0.10.8 and still in development, it does not cover escaped unicode syntax eg: "\u2605", otherwise it is safe to use</b> …

After couple years of developing web applications, I wanted something new, something different. I was looking for new technologies which have good …

You might not need React Context

React 16.3 finally made the Context API stable. Since then, many developers started using it to solve the “prop-drilling” problem - the issue where …

15 Latest and Best Loading Animations to Make User Enjoy Waiting

Nowadays, since internet speed has been highly improved, people can smoothly open a website/app within seconds and get their desired information …

The JavaScript Glossary

AsynchronousCode is asynchronous when you initiate something, forget about it, and when the result is ready you get it back without having to wait …

JavaScript

Scraping the Web in Golang with Colly and Goquery

If told to write a web crawler, the tools at the top of my mind would be Python based: BeautifulSoup or Scrapy. However, the ecosystem for writing …

How To Write Better Code In React – Bits and Pieces

9 Useful Tips for writing better code in React: Learn about Linting, propTypes, PureComponent and more.<p>React makes it painless to create interactive …

Storybook Examples

Unlock the Amazing Benefits of Native CSS Variables

Preprocessor variables are not actually live in the browser. They are evaluated when the CSS is compiled. Redefining a variable within a media query …

List of all GO Interfaces

2014-10-28<p>2018-05-02<p>While attending dotGo, where the buzzword was clearly <i>the interface</i>, I was wondering where I could find a list of all interfaces …

15 Interesting JavaScript and CSS Libraries for April 2018

We share with you a collection of awesome and free resources for this April. Continue reading on Tutorialzine.

Is WCF faster than ASP.NET Core? Of course not! Or is it?

I was casually browsing Reddit when I came across a comment that triggered me. I’m paraphrasing[1], but the gist of it was that ‘WCF is faster than …

Web Scraping with Go

Overview<p>Introduction<p>Web scraping (Wikipedia entry) is a handy tool to have in your arsenal. It can be useful in a variety of situations, like when a …

iOS CardView

We’ve talked here before plenty of times on ways we can bring Material Design to iOS, but mostly in the context of Xamarin.Forms. In this quick …

Xamarin.Forms MVVM: SQLite Sample for Beginners (C# - Xaml)

<b>Introduction:</b><p>This article will show you step by step guide on how to use an SQLite database with a Xamarin.Forms application in Android and</b> …

What is a Redux reducer?

<b>reducer</b>, <i>n.</i> – A word Redux made up to confuse you.<p>In order to work with Redux, you need to know a few things. One of those things is what a <b>reducer</b> is …