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
👉