Page Not Found on Netlify with React Router

Photo by Hello I’m Nik on Unsplash You might run into the following error after deploying a single page React site using React Router to Netlify. Page Not Found Looks like you’ve followed…

December 19, 2018

React Podcast Episode 31 – “Hooks are Mixins” with Ryan Florence

Photo by Jakub Kapusnak on Unsplash Ryan Florence appeared on React Podcast episode #31 to talk about hooks and other new features coming in React. The podcast was recorded before the React Conf…

December 09, 2018

Setting React Hooks states in a sync-like manner?

Photo by Martino Pietropoli on Unsplash Note 📝 to self… When you have more than one states defined using useState and need to access updated state value sync-like manner…

December 08, 2018

Immutability makes tracking changes cheap

Photo by Joeri Römer on Unsplash Note to self… This week’s Weekend Reads in r/reactjs was for Optimizing Performance. An ah-ha moment when reading the article regarding immutability.

December 02, 2018

About Lazy loading Ant Design Components overriding custom CSS

Photo by Vlad Tchompalov on Unsplash 🎵 Note to self… Upgraded Bunpkg React version to v16.6.x (actually v16.7.0-alpha2 to play around with React Hooks ⚓ as well 😀), which enables support for React.lazy. But lazy…

December 01, 2018

You don’t always need to import React

r/reactjs has a Weekend Reads, which is a “‘book club’ type thing where we read something every weekend”. Last week’s topic was JSX In Depth, and I would like to share…

November 26, 2018

React Podcast Episode 29 – “Don’t Rewrite Your App for Hooks and Suspense” with Jared Palmer

Photo by Kai Pilger on Unsplash More exciting features coming to React discussed in React Podcast episode #29. Chantastic discussed Hooks & Suspense features with Jared Palmer‘s demo before React Conf 2018. DISCLAIMER:…

November 22, 2018

“Move files around until it feels right”

Photo by Jaime Casap on Unsplash Self note… A user u/iKenshu asked following question on Reddit. how to structure my project folder for something like a portafolio o simple web page u/iKenshu And u/timmonsjg responded…

November 18, 2018

Hacktoberfest is over but…

Photo by Neil Thomas on Unsplash (Digital Camera + Ocean). Self note… Hacktoberfest is over but it has helped me to quickly do a PR for simple typo fixes.

November 18, 2018

Need to set tabIndex=0 to enable tab navigation

Photo by Abigail Lynn on Unsplash Self note again… Answered a Stack Overflow question, React focus items list in child component after action from a different child component and learned…

November 16, 2018

K closest points to the origin in C#

Photo by Rick Mason on Unsplash Self note on what I did/learned today… Today I implemented “K closest points to the origin” problem in C#.

November 15, 2018

Emulate forceUpdate with React Hooks

Photo by freestocks.org on Unsplash ** UPDATE: 2019-02-12 ** This post would not work any more starting v16.8.0 as pointed out by Dimitar Nestorov in the comment section. The official React Documentation Is there…

November 09, 2018

Getting Non-Printable Character ASCII Value Using PowerShell

Photo by Stéphan Valentin on Unsplash Another self note…

November 08, 2018

Downshift getRootProps

Photo by Tim Carey on Unsplash Self note while learning Downshift by Kent C. Dodds.

November 07, 2018

An unofficial show note for React Today and Tomorrow with the React Core Team

Photo by Sharon McCutcheon on Unsplash Just listened to React podcast episode 27: React Today and Tomorrow with the React Core Team. So much content was covered regarding new React features and “why”s…

November 03, 2018

Loading React Components Dynamically on Demand using React.lazy

Photo by Holger Link on Unsplash React v16.6.0 introduced React.lazy for code splitting. Previous post, Loading React Components Dynamically on Demand showed how to load components dynamically enabling code splitting using import(). This…

October 28, 2018

react-use-localstorage

Photo by Chris Scott on Unsplash React Hooks was just announced today at React Conf 2018. You can check the official documentation & also this dev.to article, Everything you need to know about React…

October 26, 2018

Setting up a React Environment for ASP.NET MVC

Photo by Zoltan Tasi on Unsplash I had a chance to update a legacy ASP.NET MVC website using AngularJS (yes, the first version) to use Webpack & Babel 7 (which…

October 13, 2018

Resetting Error Boundary Error State

For bunpkg, I use a Wizard component to display a series of steps to generate UNPKG links. When a request to Web API fails, an error is caught with an…

September 29, 2018

Sketchnotes for “Getting Started with Redux”

Recently read The Sketchnote Handbook by Mike Rohde. One of the benefits is to retain knowledge longer by helping you convert abstract knowledge into visual representations. Here are my first…

September 21, 2018

Making Ant Design CSS Optimization to Work on CodeSandBox

Photo by Guillaume de Germain on Unsplash I’ve been creating small sites on CodeSandBox as it saves you much time on installing new packages. Ant Design provides a way to optimize components &…

September 16, 2018

Canceling setInterval in React

Photo by Icons8 team on Unsplash Sometimes you need to run a command in an interval using window.setInterval. But if you don’t stop the interval when the component using the…

September 15, 2018

Introducing 🍔 Bunpkg 🍔

Michael Jackson on React Podcast Episode 19 shared his professional experiences. He created UNPKG to solve a problem. UNPKG has been used by many and I wanted to solve one,…

September 13, 2018

Accessing React State right after setting it

Photo by Celso on Unsplash As I have been browsing Stack Overflow questions, I’ve noticed that many bugs are due to trying to access a state value after setting it.…

August 25, 2018

Infinite Scrolling in React using JavaScript Generator

While reading A Quick, Practical Use Case for ES6 Generators: Building an Infinitely Repeating Array, I happened to be checking out Reddit API. JavaScript Generator is a great way to…

August 11, 2018

Keeping track of on/off states of React components

Adokiye Iruene asked a question on StackOverflow regarding applying a style on a clicked component not all the sibling components. Change style for only clicked on view not all views…

July 28, 2018

Adding VS Code Theme to CodeSandBox

Have you ever wanted to match your CodeSandBox Editor Theme to match your Visual Studio Code Color Theme? Well, you can. It’s because of CodeSandBox uses Monaco (a VS Code…

July 18, 2018

Understanding JavaScript Iteration with C#

As I was chatting, someone from Coding Blocks slack channel (#javascript) has asked a question regarding a code snippet His question was “Kinda lost in the [].filter.call , etc part.”…

July 04, 2018

Providing a Better GitHub Issue Experience

I recently started contributing to an open source project, qit, which “let programmers find and listen to podcasts by topic“. As I was going through issues to tackle to get…

June 24, 2018

How to create a Hacker News API GraphQL data source for GatsbyJS

In the previous post, I introduced a tech stack for SHaNc. I will go into more details on how to create a Hacker News GraphQL data source for GatsbyJS.

June 16, 2018

Technology Stack Rundown of SHaNc

In the previous article, I introduced SHaNc, a Static Hacker News clone. I will go into details of tech stack I used and why. I will talk about following technologies…

June 02, 2018

Introducing SHanC – A Static Hacker News Clone

I read Hacker News (HN hereafter) daily. The way I read is that, I skim through titles and open 5~10 stories and actually read 2~5. Two problems I have with…

May 26, 2018

Rollup Class Properties Transform Babel Plugin Issue

I have an NPM library, calendar-dates built with RollUp.JS (“RollUp” hereafter). As I was using an experimental JavaScript feature, Class properties transform (to declare a static property in an ES6…

May 16, 2018

Keyboard shortcut to get out of node_modules folder in Visual Studio Code

Photo by Javier Mazzeo on Unsplash 🌧️ Introduction Visual Studio Code has been de facto choice of front-end development. What do you usually use for front-end development? NPM packages. 🤔…

May 09, 2018

How to Implement LINQ methods in JavaScript – Part 8

Photo by Pau Casals on Unsplash LINQ methods (All, Contains, SequenceEqual) in this article  are somehow related in a way that they are predicates (returns true or false). Here are…

April 28, 2018

How to Implement LINQ methods in JavaScript – Part 7

Photo by rawpixel.com on Unsplash I will cover LINQ methods for initializing a sequence. Here are the methods covered so far. Part 1 〰️ Select, Aggregate, Where, OrderBy (Ascending, Descending) Part…

April 21, 2018

How to Implement LINQ methods in JavaScript – Part 6

Photo by Baher Khairy on Unsplash I will cover methods for getting subset of sequence. Here are the methods covered so far. Part 1 〰️ Select, Aggregate, Where, OrderBy (Ascending, Descending)…

April 15, 2018

“dotnet new install” issue – “Error: Value cannot be null”

Photo by Matt Lamers on Unsplash .NET CLI has made it easy to create a new template. Sometimes you might get a following error message while creating a SPA template.…

April 08, 2018

How to Implement LINQ methods in JavaScript – Part 5

Photo by Jonas Vincent on Unsplash I will cover common number aggregate methods in this article. Here are the methods covered so far. Part 1 〰️ Select, Aggregate, Where, OrderBy (Ascending,…

March 31, 2018

A valid usage of Singleton Pattern (with Null object Pattern)

Photo by Chetan Menaria on Unsplash Singleton has a bad rep for being an anti-pattern. You might have been burned bad with it. I learned from Michael Outlaw from Coding…

March 26, 2018

How to Implement LINQ methods in JavaScript – Part 4

Photo by Chris Lawton on Unsplash This is the 4th part of the series and I will cover common Set operations in this article. Here are the methods covered so…

March 22, 2018

How to Implement LINQ methods in JavaScript – Part 3

Photo by Chris Lawton on Unsplash This is the 3rd part of the series. Here are the methods covered so far. Part 1 〰️ Select, Aggregate, Where, OrderBy (Ascending, Descending) Part…

March 11, 2018

How to Implement LINQ methods in JavaScript – Part 2

Photo by Daniil Silantev on Unsplash In the previous post, I’ve covered most used LINQ methods and implemented them in JavaScript. Here are the methods covered so far. Part 1 〰️…

March 04, 2018

How to Implement LINQ methods in JavaScript – Part 1

Photo by Simon Migaj on Unsplash LINQ has been around since 2007. It made the code more readable as you specify what you do with a collection not how to…

February 25, 2018

Background image loading from SVG to Full Image

Photo by Vaughn Wright on Unsplash resized to 600×480 My landing page background from Unsplash has been loading slowly because it’s a fairly big file and was loading from different…

February 17, 2018

PassportJS – Failed to find request token in session

I was working with PassportJS to authenticate to Meetup using Meetup strategy. But this error drove me insane for hours. Error: Failed to find request token in session I’ll show…

January 29, 2018

Elasticsearch installation issue on a free tier (t2.micro) AWS EC2 instance

I installed Elasticsearch 6.x on a free tier AWS EC2 instance type, t2.micro by following installation instruction (for Elasticsearch 5) by Adnan Sabanovic on medium. Adnan used a cURL command…

January 26, 2018

Formatting “.ejs” file in VS Code (Visual Studio Code)

Featured Image – Photo by Sai Kiran Anagani on Unsplash When you use ExpressJS using EJS as a view engine in Visual Studio Code (VS Code hereafter), you might run…

January 19, 2018

2017 Report & 2018 Plan

Featured Image -Photo by Joshua Earle on Unsplash This is a post about reflecting 2017 and plans for 2018. I will share some stats and plans. This is to make…

January 06, 2018