How to detect light or dark mode at the OS level with JavaScript
Detecting user dark mode or light mode preferences at the browser or OS level with JavaScript is really easy, let's see how
All articles about javascript
Choosing the perfect JavaScript framework with a SWOT analysis
Learn how to choose the perfect JavaScript framework by conducting a SWOT analysis of each option, including examples like React, Angular, and Vue.js
React, Angular and Vue compared, which should you learn in 2021?
Learn which of the most popular JavaScript frameworks should you spend your time learning in 2021. We compare Angular, React, and Vue.
Create a Next.js RSS feed for your static website
Learn how to create an RSS feed for your Next.js website in part three in the series of using WordPress as a headless CMS with Next.js
Using WordPress as a headless CMS with Next.js
In part 2 of the Getting Started with Next.js, we connect a headless WordPress CMS to Next.js and pull in blog post content using WPGraphQL
Configuring WordPress as a headless CMS with Next.js
In part 1 of the Getting Started with Next.js, we're looking at how to use configure WordPress as a headless CMS to use with Next.js using WPGraphQL
Saving text to a client-side file using vanilla JS
Want to save files to the client using JavaScript? Let's look at how to save a file client-side using s simple handful of vanilla JavaScript
Replacing React's Redux library with the useReducer Hook
Redux can be a tricky concept to get. By using React's useReducer Hook we can replace complex Redux configurations and still use state management.
Creating unique, merged arrays using JavaScript's Set (and more)
Merging arrays in JavaScript isn't all that tricky. Getting unique values in merged arrays can be. We'll look at some different methods and approaches in JavaScript that create unique arrays, including the shiny Set object.
React & Redux: components, API's and handler utilities part two
Part two of the series on learning to use React and Redux with an API and a data handler utility to act as a bridge between our components and application state.
10 hot tips for better debugging
We all run into coding problems and get stuck. Fortunately, I've got 10 great tips to help you become a better debugger and to get your code flowing again.
React & Redux: components, API's and handler utilities
Learn how to use React and Redux with an API and a data handler utility to act as a bridge between our components and application state.
Solving React Hooks' invalid hook call warning
Building a React project and have the error 'Hooks can only be called inside the body of a function component'? We'll solve the 'invalid hook call warning' error and get your project back on track.
Configure Parcel JS and Babel to use JavaScript proposal class properties
Want to use Parcel JS with frameworks like React but keep using shiny new JavaScript things like the proposed new class properties? Well read on my coding adventurer as we're going to learn to configure Babel and Parcel to do just that.
Using Parcel JS bundler with React
You can build a Parcel JS website using React, instead of using Create React App. In this article, we'll look at how to add in the missing parts of the Parcel JS bundler to allow us to build sites with React.
Using Parcel bundler as a Webpack alternative
Parcel JS is a Webpack alternative that helps you build modern JavaScript projects. If you're looking for a simple Webpack alternative, try this Parcel JS starter kit.
Using CSS custom properties to apply themes in JavaScript or React
Following on from my recent article on how to build a Node JS API server that uses JSON files, I wanted to share another recent experience I had: using CSS custom properties to apply a custom theme to a React website.
How to build a RESTful Node.js API server using JSON files
There are lots of articles on how to build a Node API server but they're either quite duff or very complex. None of them seem to deal with reading and writing to JSON files. Well let's change that by building our own Node API server using JSON data storage!
Use Webpack and require.context to load HTML files
In this code article, I'm going to show you how to load fragments of HTML from a folder and output them onto a page using Webpack and require.context().
Quick-start JavaScript projects with this Webpack project starter kit
Use my free, tried-and-tested Webpack project starter kit if you'd like to get your next web app or JavaScript project started quickly
Reading Google Sheets data using JavaScript with Google Sheets Reader
How can I access Google Sheet spreadsheets with JavaScript? I'll walk you through the handy Google Sheets Reader so you can fetch data with ease.
How to use arrow functions in JavaScript ES6
Let's look at arrow functions in the ES6 version of JavaScript. Learn what arrow functions are, how to use arrow functions and how they help with this.
Why is CSS-in-JS a bad (or good) idea?
CSS-in-JS is demonised and heralded on social media, but is CSS-in-JS really all that bad? Or is it the digital devil? Read why I think everyone's wrong