Founder of Codú - The web developer community! I've worked in nearly every corner of technology businesses; Lead Developer, Software Architect, Product Manager, CTO and now happily a Founder.
These books include insights into algorithms, clean coding, product management, and more. Take your career to new heights with the knowledge in these books!
Learn how to find and update your node modules with npm easily. This article will make it easy to find and update your packages. Let's dive in:
A robots.txt file is crucial for managing search engine crawlers and optimizing website visibility in search results. Learn to create and utilize one here.
Generate a Next.js sitemap and optimize your Next.js apps for SEO. Learn how to create a sitemap, understand its importance, and validate it for better SEO!
Discover the power of the double tilde ~~ operator in Javascript. Learn how it rounds down numbers, converts strings to numbers and more.
Learn how writing improves your learning. Strengthen your problem-solving skills, memory retention, and the ability to break down complex concepts.
You might encounter a situation where you need to check if an object is empty, meaning it doesn't have any properties or keys. Here's how.
Sometimes, we need to adjust the length of a string by adding characters to its beginning or end. This is where padStart() and padEnd() come into play.
useId is a React Hook for generating unique IDs. I find this useful when you might reach for an extra library or code snippet to create unique IDs.
React Canary has rolled out two significant features that developers should be eager to explore: Server Actions and Client Actions.
Object.entries() is a method that gives you an array of pairs (another array) from an object. Each pair consists of its key and its associated value.
Today, we're learning about Object.values(). Don't worry; it’ll be light and easy. Let's go!
In mathematics, exponentiation is a way to multiply a number by itself a certain number of times. Learn how to use it in JavaScript with this article.
Here's a simple guide on how to view commits on a branch and a few tips.
window.confirm() is a simple way to show a pop-up dialog to the user, asking them a yes/no question. Learn how to use it here!
One “hack” I don’t think enough people take advantage of is hanging around places where businesses seek help. Learn why in this article:
The debugger keyword in JavaScript allows you to pause the execution of your code so you can inspect its current state in a debugger tool. Let's learn how.
A simple trick to make you a much better developer. Read this article to find out why.
In this article, I'll try to convince you to choose steady growth over intense bursts of learning.
When we query with Prisma, we get types out of the box, but what if you want to get just the type of query to reference elsewhere?
Here's a simple guide on how to set values in the SSM Parameter Store using the AWS Command Line Interface (CLI).
In this article, we will go over removing a file from git history using git-filter-branch.
Did you know that instead of having static values, you can use variables to make your styles dynamic?
Today, we will dive into a concise and neat way to perform conditional (if-else like) operations in your JavaScript code using the "ternary operator".
Let’s dive into the Logical OR Assignment operator (||=). This operator will be your new best friend if you love writing concise and clear code.
In this article, I'll try to convince you that you might be closer than you think to a Senior Developer role.
InnerWhat? Since I usually get confused glances when I use this word, I wanted to write a short intro to InnerSource to understand the buzzword.
Want to control the proportions of your boxes in CSS? Say hello to the aspect-ratio property. What's the Big Deal? The aspect-ratio property allows you
Trying to use SVGs in your Next.js project? In this article, we will get you setup with SVGR.
In this article, I want to list ten more APIs you might find fun to play with.
If you are getting the "EACCES: permission denied" error while installing the 'code' path in VS Code, here's how I fixed it.
In this article, let's learn how to use Template Literal Types in TypeScript.
Node v20.6.0 added the new --env-file flag which might mean we no longer need to use dotenv! Check out how in this article.
Once you start using async/await it can be hard to return to the alternatives... It makes your code look like synchronous code, which is easier to read an
This article will explore the basics of JavaScript classes, why they are useful, and how to create and use them effectively.
Bun is a new JavaScript runtime built from scratch to serve the modern JavaScript ecosystem. Here's why I'm excited and how you can get started.
This article is meant to be a beginner-friendly guide where we'll break down two of the most essential terms: documents and collections.
In this article, we will show you how to set up your database connection to MongoDB with a NextJS application.
So, you've scored a live tech test, and now you are hit with a mix of excitement and fear. Let's dive into how you can start preparing!
Adding this configuration to your JavaScript projects can create helpful path mappings that will make long relative imports disappear.
In this article, instead of talking only about technical topics, I'll list the top five habits that I believe can significantly impact your coding career
The difference between PNPM and other package managers lies in how they store dependencies. Read this article the learn what the differences are.
We can fix the distorted branch that you've created.
I turned 32 over the weekend and wanted to take some time to reflect on things that have served me well so far in life.
Today, we'll explore the "as const" assertion and how it can be used to add even more type safety to our TypeScript code!
Learn how to use fs.writeFile() to easily save text to files in Node.js.
In today's short article, we're looking at the text-wrap: balance CSS property: what it is, why you'd use it, and how to use it.
If you're a TypeScript user, you've undoubtedly encountered your fair share of errors. Let's make them easier to understand!
@supports is a straightforward way of checking if a browser supports something in CSS and conditionally renders styles. Learn more in this article.
Are you taking full advantage of what VS Code has to offer? Check out these 20 shortcuts to speed up your workflow.
Today we will look at a simple but valuable HTML tag that I rarely see used: the <abbr> element.
If you're diving into modern JavaScript development, you might come across the term npx. Let's learn about it in this article:
When things go horribly wrong in your code, console.log can only get you so far. I often use the debugger statement in normal JavaScript apps to inspect,
In Node version 18.11+ you no longer need to use Nodemon for development! Learn why in this article.
This article will guide you through setting up a TypeScript project, allowing you to start reaping these benefits immediately and testing out TypeScript.
In this article, we'll dive deep into a useful but something I rarely see used utility type - Required<Type>.
In this article, we'll dive deep into a useful and frequently used utility type - Omit<Type, Keys>
In this article, we'll dive deep into a useful and frequently used utility type - Pick.
In this article, we'll dive deep into a useful and frequently used utility type - Partial<T>.
I have "prefers dark mode" enabled in my settings, so I often get a pleasant dark experience on many sites. But how do you quickly test this?
The Geolocation API allows users to give their location to web applications. In this article, we will write a simple script to fetch the users' coordinates.
The PropertyKey is a global alias type in TypeScript that can be a string, number, or symbol.
Learn the right way to enforce empty objects in TypeScript. Let's create an empty object Type in TypeScript.
One useful TypeScript utility type for React is ComponentProps. It can help you quickly generate all your types for your React components.
Read-only types are a handy tool in TypeScript, allowing us to ensure that certain values stay unchanged after their initial assignment. Let's learn more.
Discriminated Unions are a TypeScript feature that facilitates expressing a value that could be one out of multiple possible types.
Inverting colors in CSS is achieved using the filter property, specifically, the invert() function. Let's see how:
The :not() selector in CSS is a pseudo-class that lets you select and style elements that do not match a specific condition. Let's learn how to use it!
But what exactly does a Principal Engineer do? And how does one become one?
A link to a recent appearance with MongoDB. We discussed my work in Marsh McLennan as the Leader of InnerSource and building the Codú community!
Don't want search engines to find a page? We can use HTML metatags, specifically the Noindex and Nofollow tags, to achieve this. Learn more in this article!
Let's delve into two major software categories – open source and proprietary – to jargon bust and determine their benefits, drawbacks, and applications.
In this short article, we'll explore how to convert an image into a Data URI string in Node.js.
Executing a shell command with Node.js is straightforward and can be done using the built-in `child_process` module.
Today, we're focusing on a topic that often puzzles beginners: Immediately Invoked Function Expressions, or IIFEs (pronounced "iffy").
Are you trying to pick your first programming language? Here's why I think you should pick JavaScript.
One ESLint rule I usually add to my teams' codebases is the 'complexity' setting to enforce cleaner, more maintainable code.
We often wait for things like data to load before running the next piece of code. Promises are JavaScript's way of handling waiting. Learn more...
A typical scenario you might come across while using Git is the need to change a commit message after it's been committed.
Need to handle a double-click event? React makes it easy! Here's how:
Here is a quick guide on deleting a Docker volume from the terminal.
A quick guide on how to delete a Docker container from the terminal.
In this article, we'll explore why creating content can be a game-changer for web developers and where you can get those brilliant ideas to get you started.
Music helps me focus. Here's my usual rotation of playlists, depending on my mood.
Want to limit line breaks to a single line? Here's how with a a .replace function and a simple regex.
A JWT is a compact, URL-safe format for representing "claims" (fancy speak for data or data) that can be shared between two parties.
Setup AWS AI coding tool "CodeWhisperer" in VSCode! A FREE AI coding tool to boost your productivity.
Wondering how to remove a folder/directory on Linux or Mac permanently from your terminal?
ES2023 brings many nice new features, but today I want to cover the most useful things to my workflow: toSorted(), toReversed() and toSpliced()
"If a man knows not which port he sails, no wind is favorable" - Seneca
My short rant on how networking is like gardening.
My favorite Tailwind Libraries/Kits in a single post for you to try. You'll be building faster than ever.
You'll often find it helpful to be able to generate UUIDs in JavaScript for use in your apps. Learn how to do it with the built-in Web Crypto API
This short article will look at the differences between "any" and "unknown" types in TypeScript.
Kanban is a work management methodology originating from Toyota's production lines. Let's see how you can apply it to your workflows today!
Supabase refers to itself as "an open source Firebase alternative". This article is a quick intro to Supabase.
Want a simple CSS reset for your projects? Here's how I start my projects...
I read a while back that baroque music can enhance focus. Is it true?
Introduction to React.js section 8! Learn to style your applications using CSS modules. This is how we can scope styles to specific components.
Introduction to React.js section 7! The last big concept I want to introduce in this series is how to use the useEffect Hook.
Introduction to React.js section 6! In this section, we learn all about events in React. Events represent the user's interactions.
Introduction to React.js section 5! Props are essential to React as it allows us to pass data to our components and make our components more reusable.
Introduction to React.js section 4! State is essential to React as it allows us to add memory to our components and easily add interactivity.
Introduction to React.js section 3! JSX is a syntax extension for JavaScript that allows developers to write HTML-like code within their JavaScript code.
Introduction to React.js for beginners! This is the second article in a series to teach you React so that you can start with JavaScript's favorite library.
Introduction to React.js for beginners! This is the first article in a series to teach you React so that you can start with JavaScript's favorite library.
There are many techniques for writing clean code but keeping Pull Requests (PRs) under 300 lines of code is an easy way to improve.
Check out these fantastic places to learn something new.
This article is an overview of the most common HTTP status codes and their meanings.
The best way to learn is by doing. Here are 5 CSS games that will take your skills to the next level!
In this article, I will share my experience with the AWS Community Builders program and provide some guidance on how you can apply to join this great group.
Intl.RelativeTimeFormat - This is particularly useful when displaying timestamps, time remaining, or time elapsed in a user-friendly way.
The Array.at() is a newer feature (ES2022) that makes accessing elements in an array easier, especially when dealing with negative indices.
JavaScript makes it easy to install packages and dependencies into our apps. Now how do I find the unused packages?
This article will show you how to get started with Vite and create a React.js app to start building with.
In this article, we'll explore the basics of using the Notification API.
In this short article, we will explore how to omit specific properties from a type using TypeScript's Omit utility type.
As professional code hackers, we like to ensure we are typing as little as possible. Here are some shorthand npm commands that I regularly use.
In this article, you'll learn about Nullish Coalescing and explore its applications in JavaScript.
We have all been there. Starting with some great intentions, we somehow get the opposite effect.
Prisma has detected that this project was built on Vercel, which caches dependencies. This leads to an outdated Prisma Client because Prisma's auto-gener...
Next.js 13 introduced new & improved font optimization. Here's a quick guide on getting up and going.
There are so many places to get terrible photos that I wanted to do the hard work for you and keep a short list of the great ones.
Some of the most successful people in business and technology have made a habit of dedicating at least one hour of their day to learning.
A CODEOWNERS file is a text file used to define code owners for specific files or directories in a GitHub repository.
:focus-within is a helpful pseudo-selector in CSS. In this short article, I'll give you an example of how to use it.
The CSS text-transform property is used to specify text capitalization in an element.
Sometimes you would like to suggest some options to users as they type something into an input. Achieve it easily with a datalist tag!
In this article, we'll introduce you to Nano and provide some basic tips on how to use it for web development tasks.
In this short article, we will guide you through creating a download link in HTML.
This article will explore setting a fallback image using just HTML (and a bit of inline JS).
In this tutorial, we will focus on speech synthesis, creating a simple JavaScript Text-to-Speech application using the Web Speech API.
So many people see a dream job, a life, a dream girl or a guy, and before they even get close, they say, "no, that's not for me; that's for other people."
Learn how to optimize and transform images in Node.js with Sharp. Improve website performance by resizing, converting formats, and compressing images.
Create stunning README docs with this simple tool.
Healthy habits are crucial to living a long, healthy, and fulfilling life. Here's my guide on making it easy (with a bonus tip).
I am always excited to share insights about lesser-known yet powerful APIs in the modern web ecosystem. Today, we'll dive into the Page Visibility API.
This article will guide you through creating alias commands in the terminal, allowing you to work more efficiently and effectively.
In this article, we will introduce you to 10 CSS generators every web designer and frontend developer should have in their toolkit.
ESM is used in most modern web applications, so it's crucial to understand how to leverage their potential in Node.js.
Here's a short guide on uninstalling/remove packages with npm or Yarn so you can keep your package.json clean. 🧽
This tutorial will demonstrate how to set up and use AWS SES with Nodemailer in a Node.js project to send emails.
If you are struggling to understand why and how your layouts are working, this is one of my favorite little snippets to add to the base CSS file.
Direct messaging people to solve problems might seem efficient, but here's why you should stop.
In this post, I will share with you some settings in Visual Studio Code that have helped speed up my workflow.
Learn all of the most used React Hooks in this playlist on the Codú YouTube channel!
I got this error yesterday and panicked...
Delve into the world of PostgreSQL data types, exploring the different options of data types and when to use them.
Sometimes we have data with weird names or semantics that we'd rather not use. Here's a straightforward way to rename these variables while destructuring.
Destructuring is a powerful feature in JavaScript that allows developers to extract data from arrays or objects and assign it to variables in a concise way.
A common interview question is "Swap the variable values." But we can solve this easily with a destructuring trick.
Capitalizing the first letter of a string is a common task in programming. Here are a few ways to solve it with JavaScript.
Learn how to get the return type from a Promise in TypeScript. Discover the power of the Awaited utility type.
I've been reading product books for years, and here are my top 5 favorites (for now).
In this post, we will look at a super-easy way to check if the user is connected to the internet and detect if they lose connection or reconnect.
Sometimes, I forget the last branch name with how many branches I jump between. Here's a simple way to switch to your previous branch in Git.
This list gives you a free way to earn some new coding knowledge with YouTube!
In this super short article, learn how to create 3 different functions that return all of the unique values in an array.
Well, you are reading this on a community-built platform, so let's chat about why coding communities are a great way to advance in your career.
We hear the terms "method" and "function" often used interchangeably in JavaScript. But what's the difference?
How do you get good at coding? How do you get good at art? How do you get good at anything?
Semantic versioning is a system to help developers, project managers, and consumers have a universal way of understanding the release process.
Stop google and other search engines from crawling your load-balanced applications. It's easier than you think. 🦾
Interested in learning the tools I use to create my video and audio content? Check out the things I'm currently using.
A small showcase of some of the useful underused things you can do with npm to boost your productivity.
Learn how to make your apps faster by dynamically loading required files as required rather than one big bundle.
Trying to alter or view your Git configuration? Well, this simple guide is for you.
At first glance, direct messaging (DMs) may seem like an efficient way to communicate at work. But is it?
Need some ideas for things to build and practice your web dev push-ups? Check out these 10 APIs that might inspire your next project.
Learn how to easily change values into booleans with as little as 2 characters.
Since I've been maintaining the Codú platforms codebase, I often have to checkout PRs locally, and I know it confused me when I started, so hope this helps!
React Query does many clever things to make data fetching optimal, but how do I stop network requests from auto-failing while offline?
The internet is a treasure trove! Here is a short post just listing off some free resources you can use to keep learning without spending a penny.
Explain Serverless to me like I'm a 5-year-old. Well, here's how I'd explain it to that curious forty-something-year-old with a mind of a 5-year-old.
We will look at 26 different string methods in this article. Want to learn some new tricks and skills? Here are some fun string methods to learn!
Let's streamline your Node Version Control effortlessly with Volta. Improve your web development workflow and enhance productivity with Volta today!
Become a Console Commander! The console object has a lot more inside it than just a .log method that could make your life easier when debugging in JS.
Giving a f*ck might save you time! This tool makes me laugh and makes me faster with the command line tools, so it's a win-win.
I've been asked in our community Discord for some writing tips, so I hope this list might help boost your skills and confidence.
A very warm welcome from Niall (the founder of Codú) and the very first post on codu.co.