Prototypes is a weird and much avoided topic but vital towards mastering JavaScript. While classes are much easier to understand and is often the starting point for many when learning object oriented…
How to Get Started With React Hooks: Controlled Forms
React Hooks are a shiny new proposal that will allow you to write 90% cleaner React. According to Dan Abramov, Hooks are the future of React. That sounds good and all but what are Hooks and how will they help me write better code? Glad you asked.
A guide to prototype-based class inheritance in JavaScript
Computer languages often provide a way for one object to be inherited fromanother object. The inherited object contains all properties from its parent object. In addition, it will also specify its own set of unique properties. Follow me on Twitter for JavaScript tips and book announcements.
ES6 classes, binding, public class fields, and event handling in React
There seems to be a lot of misconceptions about the different methods of setting up event handlers in React, especially about what goes on behind the scenes. Here I tried to group together some of the fundamental aspects that get frequently left out. First of all look at these two blocks of code.
React component patterns
Inspired by a technical talk I’m giving for a Meetup, I wanted to take a moment and share what I’ve learned on React component patterns. Components are the heart of React, so understanding how to utilize them is paramount to creating great design structures.
Understanding React Render Props and HOC
If you have been doing some React development recently, you must have come across terms like HOCs and Render Props. In this article, we’ll go deep into both these pattern to understand why we need them and how we can correctly use them to build better react applications.
Using the Chrome DevTools Audit Feature to Measure and Optimize Performance (Part 1)
In an earlier article, “React Application Performance Analysis,” we touched on some of the Chrome DevTools features that are useful when analyzing application performance, and described a workflow for performance measurement and tuning.
How to manage multiple GitHub accounts on a single machine with SSH keys
The need to manage multiple GitHub accounts on the same machine comes up at some point in time for most developers. Every single time I happen to change my Mac or need to Git push with a new work account, I end up surfing for the how to’s of something I have done over half a dozen times.
Building highly customizable React components
Building a React web application, for the most part, is writing components which combine to form your user interface. But there are certain components which are reused across your entire application — Button, Link, Dropdown, Tooltip, etc.
How to build a React project from scratch using Webpack 4 and Babel
I have been learning React lately, and I have used create-react-app to create my React projects easily with minimal efforts and configuration, and i guess you too have most probably used create-react-app or react-slingshot to create your react apps.