Archive for the ‘RalphM’ Category

React Lifecycle Reference Guide

Posted on: No Comments
This is a reference guide to help developers quickly figure out which lifecycle method will best fit a solution they're currently working on in React. constructor(props) The constructor for a React component is the first method that gets called. This i...

An Introduction to JSX

Posted on: No Comments
When React was first introduced, one of the features that caught most people's attention (and drew the most criticism) was JSX. If you're learning React, or have ever seen any code examples, you probably did a double-take at the syntax. What is this st...

Using Preact as a React Alternative

Posted on: No Comments
Preact is an implementation of the virtual DOM component paradigm just like React and many other similar libraries. Unlike React, it's only 3KB in size, and it also outperforms it in terms of speed. It's created by Jason Miller and available under the ...

Extracting Website Data and Creating APIs with WrapAPI

Posted on: No Comments
Today, almost all services we use have some sort of API. Some web applications are even built from API points alone, being passed to some kind of front-end view. If you're a consumer of a service that provides an API, you'll sometimes need more feature...

Conditionally Applying a CSS Class in Vue.js

Posted on: No Comments
There are times you need to change an element's CSS classes at runtime. But when changing classes, it's sometimes best to apply style details conditionally. For example, imagine your view has a pager. Pagers are often used to navigate larger sets of it...

React Router v4: The Complete Guide

Posted on: No Comments
React Router is the de facto standard routing library for React. When you need to navigate through a React application with multiple views, you'll need a router to manage the URLs. React Router takes care of that, keeping your application UI and the UR...

Getting Started with Redux

Posted on: No Comments
A typical web application is usually composed of several UI components that share data. Often, multiple components are tasked with the responsibility of displaying different properties of the same object. This object represents state which can change a...

Sharing React Components Easily with Bit

Posted on: No Comments
This is the age of components. Frameworks built for UI components, such as React, enable us to split our UI into individual, reusable pieces that can be worked with in isolation. In many ways, React components are not that different from other encapsul...

Writing Server-rendered React Apps with Next.js

Posted on: No Comments
The dust has settled a bit as far as the JavaScript front-end ecosystem is considered. React has arguably the biggest mindshare at this point, but has a lot of bells and whistles you need to get comfortable with. Vue offers a considerably simpler alter...

To Redux or Not: the Art of Structuring State in React Apps

One common trend I find among most Redux developers is a hatred towards setState(). A lot of us (yes, I've fallen into this trap many times before) flinch at the sight of setState() and try to keep all the data in our Redux store. But, as the complexit...