How to Detect Idle Browser Tabs with the Page Visibility API
Styling Scrollbars with CSS: The Modern Way to Style Scrollbars
Let's look at how we can now easily style browser scrollbars using only CSS, thanks in large part to a new W3C spec proposal: CSS Scrollbars.
A Sneak Peek at React Router v6
A look at the new features and changes coming up with the release of React Router version 6.
A Simple Guide to Error Boundaries in React
With simple code snippets and interactive demos, you'll learn about Error Boundaries in React; a way for components to degrade gracefully in cases of errors.
Using the Fullscreen API
5 Tips to Improve the Performance of Your React Apps
Here's an up-to-date (March 2020) guide on performance optimization for React apps. We'll cover things such as memo, PureComponent, React.lazy and Suspense.
Taking a Look at the GitHub CLI Tool
Now GitHub's features are in your terminal, thanks to the GitHub CLi! Let's explore what you can do with it.
How to Use localForage for Easy Async Browser Storage
Create Staggering Animations in React
How to create visually appealing entrance/exit animations with React, styled-components (or your CSS-in-JS lib of choice) and the CSS transition-delay property.
Using the CSS line-height Property to Improve Readability
Quickly learn all about the CSS line-height property, the values it can take and some best practices that result in text that's easy to read.
How to Use the CSS :root Pseudo-Class Selector
In CSS, the :root pseudo-class is similar to the html selector, but with a subtle difference. Learn all about it in this post.
When Should You Use the CSS !important Rule?
The !important rule in CSS is powerful, but its effects can surprise you. Let's go over it in this post.
The Mighty CSS z-index Property
In CSS, z-index is a property that allows you to access the 3rd dimension and is most often used to ensure an element appears under or on top of other elements.
How To: Publishing Your First Package to npm
Tricks for Using CSS translateZ() and perspective()
Here are some things you might not know about the CSS translateZ() and perspective() functions for 3D translations.
npm vs Yarn Commands Cheat Sheet
Here's a handy reference for npm and Yarn commands that you can use to refresh your memory or to help you in moving from one package manager to the other.
react-notifications-component, a Powerful React Notifications Library
The react-notifications-component React component library will save you tons of time with notifications inside of your React apps.
A Guide for Refs in React
Here's how to use the createRef method or the useRef hook to interact with DOM nodes directly in your React apps.
Using getBoundingClientRect to Get an Element's Size and Position
Back to Basics: Event Handling in React
In this article we cover handling events for React apps with some of the popular events like click and text input.
Back to Basic: What are Props in React and How to They Work?
Let's remove the mystique behind what React props are: they're just function arguments!
An Easy Way to Know When React Components Enter the Browser Viewport
Use the React Visibility Sensor library to determine when React components have entered the viewport.
Progressive Enhancements for Loading Images Using React Image
You can't always tell when an image will fail, but you can prepare for it, thanks to the React Image library for React apps!
React Icons Gets You Access to Hundreds of Open Source Icons
Font Awesome and Material Design icons are just some of the icon libraries included with React Icons, a library for icons in your React apps.
Back to Basics: CSS Transitions for Simple Animations
CSS isn't just for creating static designs. Make your designs come to life with CSS transitions!
Get a Performance Boost in React with PureComponent
Learn how pure components work in React and why they're useful via some handy visual learning aids that'll help you grasp the concept in no time.
Using Lightboxes to Create Stunning Image Galleries in React
Learn how to use the fslightbox-react package to create sleek image galleries in your React apps.
Practical Guide to Using CSS Position Relative & Absolute
Learn practical tips for using position: relative and position: absolute in CSS to create engaging visual elements.
Understanding CSS Float
Learn how to use CSS float positioning, as well as some of the pitfalls when using it for layouts on the web.
Understanding the res Object in Express.js
The res object in Express.js lets you send and control the HTTP response that you send back over the network. Let's explore how res works.
Understanding the req Object in Express.js
Learn about one of the most ubiquitous variables in Express.js: req, the object that contains all the information you need about the incoming request.
How to Use __dirname in Node.js
Learn about one of Node.js' oldest tools for getting the location of your files: the __dirname variable.
Adding Sound FX to Your React Apps
Learn how to use the UIfx library to employ sound effects for your React web apps.
Extracting Dominant Colors From Images in React Using react-palette
Here's how to get colors from an image in React using an npm package called react-palette.
How to Craft Animations in React with React Simple Animate
Using "react-simple-animate", learn how to create sophisticated animations using simple APIs
Super Clean, Refactor-Friendly Import Statements in React
Use absolute imports with Create React App 3 to get super clean, refactor-friendly import statements.
Take a Tour: New Features in Create React App v3
Here's a handy guide to get up-to-speed with the latest release of Create React App, version 3.
Learn How to Build Responsive Websites in React Without CSS
Build responsive websites in React without using CSS @media queries. It's a lot easier than you think.
Battle of the Routers: Reach Router vs React Router
Let's see how Reach Router compares with React Router by looking at side-by-side code snippets.
Getting 60fps Animations in React
Some tips and tricks for React.js developers to create smooth, fast and fluid 60fps animations.
Using "window" the React Way with react-fns
Use HTML5 APIs in your React apps using a declarative idiom with the react-fns utility library.
A New Way to Handle Events in React
Skip boilerplate code and learn how to write more concise event handlers for your React code.
Creating Compositional Components in React With this.props.children
Gain a better understanding of the unique perks of this.props.children.
Atomic SetState Updates in React
Learn how to manage React state with functional precision