How to build a fullstack Astro website with GraphQL
Building an Astro site with GraphQL is easier than you think! Learn how to build an Astro website in SSR mode, that runs a serverless GraphQL API to serve data from anywhere you like.
All articles about development
How to fix 'Property does not exist on type Window in TypeScript' error
If you've been asking 'How do I fix the "Property does not exist on type Window in TypeScript" error?' then this is the article for you. We'll fix the property does not exist on type Window error once and for all.
How to build a multi-image carousel in React and Tailwind
Ever wanted to learn how to build a multi-item carousel in React? Well, in this article we'll do just that by building a multi-item or multi-image carousel in vanilla React using Vite.js and some Tailwind CSS
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.
Funky text backgrounds with background-clip CSS
Want to spice up your text-effects in CSS? Check out this quick tip on creating funky text backgrounds with the CSS background-clip property.
Creating a React code editor and syntax highlighter
Can you build a simple, lightweight code and syntax highlighter using Prism JS and React? Sure you can. I'll show how I did it in no time flat.
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.
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.
What should you know as a frontend developer?
Whether you're a budding frontend developer or have been coding a while, what exactly should you know as a frontend developer?
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.
Getting past developers block
Ever found yourself just plain stuck? In this article, we'll be looking at some tips, tricks and ideas to help move past creative block, especially for developers.
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.
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
Continuous refactoring: avoiding technical debt in the here and now
How do you find time to refactor your code? The answer is simple: continuous refactoring. Learn how to reduce your future development technical debt
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