Ng Jun Jie

24 Added | 1 Magazine | 12 Likes | 1 Follower | @oranjjun | Keep up with Ng Jun Jie 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 “Ng Jun Jie”

React.js Top 10 Articles for the Past Month (v.Feb 2018)

For the past month<b>,</b> we ranked nearly 1,100 React.js articles to pick the Top 10 stories that can help advance your career (0.9% chance).<p>Topics in …

JavaScript

The Saga Continues — Magic in React

<b>Architect with Sagas Part II</b><p><b>No broomstick required.</b> Just a few minutes and a bit of patience.<p>On July 25, 2017 I wrote a brief article about <b>Saga</b> …

Function as Child Components Are an Anti-Pattern

In the world of React JS, <i>render callbacks</i> are emerging as a powerful alternative to higher-order components (HOCs). But just what is a render …

Deep-copying in JavaScript

One way to copy an object is to use Object.assign(target, sources...). It takes an arbitrary number of source objects, enumerating all of their own …

Loading components asynchronously in React app with an HOC

In the era of single-page applications, you can write (almost) any web app with your favorite <b>React</b>. Some apps, in fact, can be really huge! Imagine …

All about Promises and async / await

Recently I revisited Wes Bos his ES6 for everyone course and made some notes on the Promise and async / await modules. These notes got a little out …

Can (a== 1 && a ==2 && a==3) ever evaluate to true?

<b>Moderator note:</b> Please resist the urge to edit the code or remove this notice. The pattern of whitespace may be part of the question and therefore …

JavaScript

React Cheatsheet — this.setState

Choose the correct lifecycle method<p>You can and should use <b>this.setState()</b>inonly these React lifecycle methods: componentDidMount<i>,</i> …

JavaScript

Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a …

Web Design

10 Awesome CSS3 Tricks

This article will introduce you to 10 CSS3 tricks that will enhance your website.<p>When CSS was developed around 1995, you could not do much with it …

Web Design

CSS Transitions explained

The simplest (and most straightforward) way to animate your components is through CSS Transitions. In this article, you’ll learn how CSS Transitions …

CSS

Regular Expressions in JavaScript

It is very easy to experiment with JavaScript regular expressions, as JavaScript is accessible in all browsers.I will use the Chrome Developer Tools …

JavaScript

Javascript and Functional Programming — Pt. 3: Pure Functions

Purity<p>Note: This is part of the “Javascript and Functional Programming” series on learning functional programming techniques in JavaScript ES6+. …

JavaScript

JavaScript hacks for ES6 hipsters

Following the original JavaScript hacks for hipsters, here’s some new goodies. Coding JavaScript in 2018 is actually fun again!<p>Here’s a photo of …

JavaScript

💅 Styled-Components in Action

Styled-Components is a new CSS tool, created by Max Stoiber and Glen Maddern, which helps you organize CSS in your React project. It also works well …

JavaScript

CSS Isn’t Black Magic

Pulling Back The Curtains on Your Stylesheets<p>If you’re a web developer, chances are you’re going to have to write some CSS from time to time.<p>When you …

JavaScript

How to use Memoize to cache JavaScript function results and speed up your code

Functions are an integral part of programming. They help add <b>modularity</b> and <b>reusability</b> to our code.<p>It’s quite common to divide our program into chunks …

JavaScript

JavaScript: The Fun Parts

It was the first years of the modern web. People were getting sick of waiting minutes for their connection to transfer the 8 bits of data telling …

JavaScript

The Best Frontend JavaScript Interview Questions (written by a Frontend Engineer)

I was at a Free Code Camp meetup in San Francisco a few days ago (for those not familiar, Free Code Camp is a group of people who get together to …

JavaScript

Do pure functions exist in JavaScript?

Recently I got into a discussion about how to decide a function is pure in JavaScript. The whole concept of pureness seems to be blurry in such a …

JavaScript

What is Javascript's `new` keyword doing under the hood?

Good morning, afternoon, evening, night. I have some things to share with you about the new keyword in Javascript. Important things.<p>I'll start with …

JavaScript

A quick guide to JavaScript Promises

When you are writing JavaScript, callbacks are one of the most confusing concepts. Promises are the new approach to improve working with async …

JavaScript

Mastering Chrome Developer Tools: Next Level Front-End Development Techniques

You may already be familiar with the basic features of the Chrome Developer Tools: the DOM inspector, styles panel, and JavaScript console. But there …