Take your JavaScript skills to the next level with these essential one-liners that will also save you...


Git Commit Patterns
The use of Git for us Devs is something essential, whether in personal projects, open source with...


GKE Security: Top 10 Strategies for Securing Your Cluster
Security is one of key challenges in Kubernetes because of its configuration complexity and...


The 10 Signs That You Need To Hire A Web Developer
Having a web-based identity in the form website is critical today. Regardless of your industry or the...


What was your win this week?
Hey y'all! 👋 Hope everybody has an awesome weekend! Looking back on this past week, what was...


Deploying ML models straight from Jupyter Notebooks
Winter is a time of magic 🧙♂️. Everyone is waiting for something special at this time, and Data...


Essential Design Patterns in Java
Design patterns are reusable solutions to common software design problems. They provide a way to...


Flaky Tests, and How to Deal with Them
Intro Hey! My name is Yarden Porat, and in this article, I will explain what flaky tests...


My Favorite System Design and Software Architecture Books for Experienced Developers
These are the best System Design and Software Architecture Books for Programmers, Developer, and experienced developers who want to become software architect


Why I Decided to Invest in My Portfolio as a Junior Developer
As a junior developer, it can be easy to overlook the importance of investing in your portfolio....


4 simple ways for developers to earn an extra $500 per month
As a developer, you're likely always looking for ways to improve your skills and advance your career....


Creating a website brand with ChatGPT, Stable Diffusion, React and NodeJS 🤯
TLDR; In this article, you'll learn how to build a web application that uses ChatGPT and...


Deliver perfect HTTP security headers with AWS CloudFront
HTTP security headers protects your users from common attacks. AWS CloudFront makes it easy to add HTTP security headers to your application.


NodeJS with Kafka: Build Async Programs with ease
📍 Sync and Async Programming 😶🌫️ In modern world with so many complexities in Software...


Top 10 VS Code Extensions to boost your Productivity in 2023
Table of contents Introduction 1. Bito AI 2. Bookmarks 3. Code Spell Checker 4. Better...

8 Best C++ IDEs to use in 2023
Today’s post is devoted to 8 popular C++ programming environments. Many of them also support other...


Announcing the Linode + DEV Hackathon!
Join us for this opportunity to build an awesome application with Linode while earning some great prizes


Fast and reliable end-to-end tests with Playwright on GitHub Actions
Playwright is a powerful web testing tool supporting Chromium, Firefox and WebKit engines. The...


Things to do and not to do during a wave of tech layoffs
Tech layoffs suck, and I lived through five of them. Here are some tips to deal with them.


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


Appwrite Loves Open Source: Why I decided to support Starship
Open-source is at the ❤️ of everything we do at Appwrite, and we want to enable and foster the...


Building personalised recommendation system (p.2)
In the first part of the series on building a personalised music recommendation system, we discussed...


How to upload images to S3 from a react application
Caution: _This post doesn't demonstrate best practices as many pointed out in the comment section....


Meme Monday 🫵
Meme Monday! Today's cover image comes from last week's thread. DEV is an inclusive space! Humor in...


TypeScript: type vs interface
Let's resolve this forever outstanding question: Should I use type or interface? Spoiler: It's...


6 GitHub Repositories You Can't Live Without
As a developer, you know that coding can be a time-consuming and complex process. But what if there...


Difference Between DOM and Virtual DOM
The Document Object Model (DOM) is a programming API for HTML and XML documents, and it represents...


Improve Your HTML Semantic With Pico CSS😍
People mainly use div tags instead of HTML semantics, and one question always arises, "why should we...


Top 10 Most Popular CSS Interview Questions 🦄
Top 10 most popular CSS interview questions that you will most likely get during an interview 🦄 1️⃣...


Web Assembly With Rust
It is a universal binary code that is designed for the web. Wasm uses a low virtual machine with...


5 Reasons To Choose JavaScript Maps Over Objects For Storing Key-Value Pairs(With Examples)
At 18 I started my "career" as an IT support guy. At 20 I was flying 80 hours per month as a flight...


Difference Between Responsive Design and Adaptive Design
As a frontend developer or UI designer, this is definitely one of the most asked questions according...


The last form library for React you will ever need
Hello everyone, in this tutorial I'm going to show how to create forms easily using use-form package,...


The Top 5 Websites for Effective Coding
Welcome to our latest blog post where we will be discussing the top 5 websites for effective coding....


Web apps - my mental cheat-sheet
Intro This article is part of the “Continuous Delivery: HTML to Kubernetes”. While I...


2023's Top Development Projects for Programmers: A Complete List of Tutorials and Tools for Mastering the Latest Technologies
Welcome to our blog post on "2023's Top Development Projects for Programmers"! As a developer,...


AKS Cost Optimization: Top 7 Strategies to Cut Your AKS Cluster Costs
Azure Kubernetes Service (AKS) is one of the most popular managed container services. While offering...


Become a JavaScript Testing Pro: 14 Resources for Developers
You know I have a strong passion for testing. Testing helps me to maintain good code design, stay...


Data Engineering and DataOps: A Beginner's Guide to Building Data Solutions and Solving Real-World Challenges
Introduction Data engineering is the process of designing, building, maintaining, and...


Text To Speech Converter with JavaScript
Converting text to speech using HTML, CSS, and JavaScript can be done using the SpeechSynthesis API....


CLI tools you won't be able to live without 🔧
A list of 50 command line tools, which you should definitely check out!


CSS Generators
Welcome to our blog about CSS generators! Are you tired of manually writing CSS code for your website...


Documenting Forem's v1 API
Forem has set a milestone to update our (v1) API documentation and we need YOUR help! There are...


Don't target 100% coverage
Don't target 100% coverage... but achieve it anyway! I recently noticed that a lot of...


sls-mentor: your serverless quality teacher has arrived!
This article is part of a series about sls-mentor, the new open-source tool allowing you to audit...


33+ Exclusive In-house Free Templates for 2023
Worldwide digitization has brought about the crucial trend of establishing one’s online presence as...


Deep Cloning Objects in JavaScript, the Modern Way
Did you know, there's now a native way in JavaScript to do deep copies of objects? That's right,...


How to Build a Real world Website Using HTML CSS JavaScript
In this course, you will create a completely responsive real-world website with modern UI in...


Weekly web development resources #133
Radix Unstyled, accessible components for building high‑quality design systems and web...


What are E-Commerce Kpis
E-commerce Key Performance Indicators (KPIs) are metrics used to measure the performance and success...


AI Tools for Developers
DeepCode: A platform that uses AI to analyze code and identify potential issues and...

Introduction to Google APIs: pt. 1
Google APIs are a set of programming interfaces developed by Google that allow external developers to...


NGINX Logging | Configuring Error and Access Logs, Sending Nginx Logs to Syslog & more
This article was originally posted on SigNoz Blog and is written by Selvaganesh. NGINX is a...


Scale Node JS App using Cluster Module
📍 NodeJS Concurrency 🙂 When It comes to writing Backend (or API for say) we can code them...


refine Hackathon with $1500 prize!
refine is a React-based framework for the rapid ✨ development of CRUD web applications. It...


24 Things I wish I knew when I started learning how to code
As a beginner in the world of coding, it can be overwhelming to navigate through all the different...


Beginners guide on how not to abandon that one project
I know, you are putting the project off because you're "busy" But now let's be honest with...


Mastering the Art of Writing Effective GitHub Commit Messages
There are no strict rules for writing commit messages but When working on a project on GitHub, it's...


Safe Data Fetching in Modern JavaScript
Fetch - the wrong way fetch in JavaScript is awesome. But, you may have something like...


Top 5+ Best Free ReactJS Admin Dashboard Templates for 2023
Building an admin dashboard for your application can be a complex and time-consuming task, especially...


15 Useful React Custom Hooks That You Can Use In Any Project
React custom hooks allow for reusable logic in functional components, making it possible to separate...


9 Fantastic websites every developer must know
I’ve been such a fan of websites that helps to reduce our work so much easier. Even for developers,...


Complete Guide To Make You a Regex Guru
This is the second article in a series of regex articles. In the first article, you can read about...


How to use Google Analytics Data API
In this article, I am going to walk you through that how you Google Analytics Data API to fetch data...


Making Your First Open Source Contribution: A Beginner-Friendly Guide
First time Practice Contributions! Visit This Link to get Started for this...


5 principles of readable code: KISS | YAGNI | DRY | BDU | Occam's razor
This post will help you understand the fundamental principles of writing readable code. React and...


51 AI tools you should be using for life, programming, content creation and everything else
If you enjoy this topic, you will probably like my articles, tweets, and stuff. If you're wondering,...


9 Common JavaScript Interview Questions You Might Not Know The Answer For.
Whether you like them or not, tricky questions are still asked by interviewers in the wild. The...


How to build a portfolio website with React & Tailwind CSS
Every developer must have a portfolio website to showoff their skills and projects. If you prefer...


How to use ChatGPT to boost your developer productivity
Table of contents Introduction What is ChatGPT How to use it to increase your...


5 Books That Changed My Life
I read around 30 books a year, and occasionally I come across a book that either teaches me something...


8 Must-Use VS Code Extensions For Web Developers😈
Certainly, VS code is one of the most popular and widely used code editors among developers. VS...


E-commerce Design Best Practices
E-commerce design is the process of creating an online store that is visually appealing, easy to...


GKE Cost Optimization: 10 Steps For A Lower Cloud Bill In 2023
If you’ve been running your workloads on Google Cloud’s managed Kubernetes service (GKE), you...


JavaScript Console Types and Tricks
Hello Everyone! As a web developer, we always use "console" to debug our code. In this post, we'll...


⏪ 4 Ways to Undo a Git Commit - Amend vs Reset
I'm quite sure all of these happened to you at least once: You committed a change with the wrong...


How to debounce and throttle in React without losing your mind
When talking about performance in general, and especially in React, the words “immediate”, “fast”,...


I just made my first fullstack application. Here's how.
Hey everyone!! I just made my created my first fullstack application, called The Quotes Place....


Microservices Logging | A Practical Guide to Logging in Microservices
This article was originally posted on SigNoz Blog and is written by Vaishnavi Abirami. Microservices...


Top 5+ ReactJS Design Systems for 2023
As we all know, ReactJS is a popular JavaScript library for building user interfaces, and many...


7 React Projects for Beginners in 2023 (+ Code)
You're ready to start making simple projects with React, but you don't know what to make. Where...


A Brief History of API: RPC, REST, GraphQL, tRPC
Background Last week I joined an event about GraphQL or TRPC discussion hosted by Guild in...


Angular 15: interceptor as a function
Introduction The release of Angular 14 made it possible to use the inject function outside...


Creating a website aggregator with ChatGPT, React, and Node.js 🚀
A website aggregator is a website that collects data from other websites across the internet and puts...


Welcoming new authors 💖 and fighting spam 🗑️ on DEV
With one reporting tool we can both welcome new authors and fight spam.


7 Must-Have Tools for Developers to Boost Productivity that nobody told you about !!
As a developer, remaining productive and efficient is critical to completing your job on time....


7 React Hooks for Every Project
Hooks are one of the most powerful features of React. They enable us to easily reuse functionality...


Debugging Like a Boss: A Decade's Worth of Tips
If you're a developer, chances are you've spent countless hours debugging code. Debugging can be...


My Visual JavaScript Array Cheatsheet That Went Viral on Linkedin 🤯🔥
I Created this JavaScript Array Methods Cheatsheet 🤯 Took me almost 2 hrs to create this animated...


Setting up a Documentation Website for your Software Project with Hugo and Netlify
In the second part of our series, we'll see how to set up a dedicated documentation website for your software project using the Hugo static site generator, and having it hosted for free on Netlify.


A Software Developer’s Guide to Writing
The Ultimate Guide to Writing in Tech For a Developer I started writing because I wanted...


Implementing Microservice Architecture In Node JS
📍 Introduction 🙂 As we have discussed in our previous blog "Monolithic vs Microservices: A...


Python Web Development Using Django in 2023
Django is a web app development framework, and we will be using Django Python in this blog to make...


Status codes in API Testing🆗🆘
In this post, we will discuss an extremely important part of API testing: status codes. Imagine that...


Your GitHub year in review - 10 fun ways to visualize your contributions
Love 'em or loathe 'em, GitHub contribution graphs are often a great way to help share a story....


10 Best Developer Swags for 2023
Hello, my fellow developers, This article will be a little different because in this article I will...


7 Amazing GitHub Repositories Every Developer Should Follow in 2023
GitHub is the dominant player in hosting Software Projects on the web. With 200 M+ repositories,...


8 React Projects to Build in 2023
If you want to be good at React, building projects is one of the best ways to do it. I have put...


Build a custom MySQL Docker Container
Tired of going through endless documentation for setting up your database in any computer apart from...


How to build your IT startup in 2023 as a young IT professional and entrepreneur
Starting an IT startup in 2023 can be a challenging but rewarding experience for a young IT...


Bundling YAMLs for Kubernetes with Helm
The introduction of microservice architecture revolutionised the way softwares are developed today....


Hacking a zero costs blogging system. With emails!
A story of how I managed to spin up a blogging system with a hacky email subscription system and no monthly costs


NextJS + GPT-3: Build a cover letter generator
Learn how to build a cover letter generator. This app would generate a cover letter based on your...


Revolutionizing the Web with WebAssembly: A Comprehensive Guide
WebAssembly (Wasm) is a low-level binary format that is designed to be faster and more efficient than...


Top 5 cryptocurrency APIs for developers ©️
Since the creation of a Bitcoin in 2009, interest in cryptocurrencies has increased drastically and...


All you (probably) need to know about caching on the web 🗃
Every developer has most likely bumped into the concept of caching at some point in their...


Awesome Readme Examples for Writing better Readmes
Awesome Readme Examples for Writing better Readmes Introduction Writing the...


C elements that are not supported in C++🚫
C is a classic language for developing system software and any software for microprocessors. Linux,...


Responsive Personal Portfolio Website Using HTML CSS JavaScript
How to Make Responsive Portfolio Website Using HTML CSS JavaScript This video will show you how...


What Are People Building With WebAssembly?
WebAssembly (WASM) has been a buzzword in the past few years. It's a technology that raises a lot of...


Become a Frontend web developer in 2023 - A step by step guide
This is the roadmap that I wish I had when I was starting out to become a frontend developer I came...

Every Software Developer should write a blog
As a software engineer it’s been a couple of years that I’m saying to myself that I’m going to start...


How I Built a Food Ecommerce Restaurant with Next.js, Paystack and Medusa
Food restaurants remain one of the best lucrative businesses around the world. They get patronage on...


How to use Material UI Card Component
Author: Doro Onome Introduction Material UI cards are an important part of modern web...


Kubernetes Control Plane: 10 Tips for Airtight K8s Security
In a recent report, 94% of respondents said they experienced a Kubernetes-related security incident....


Building a Video Player in React
Introduction React has been the most popular JavaScript framework for building frontend....


Database 101: Data Consistency for Beginners
Table Of Contents 1. Prologue 2. There's much more possibilities than MySQL 3. SQL vs...


How to Fetch Data in React with useSWR
Author: Michael Hungbo Introduction Data is unquestionably an important component of any...


Typescript: Functions
In this article, we are going learn about How you can use typescript in functions. And How to...


What is cURL and why is it important in API testing?🤖
Today’s post is devoted to one of the inevitable parts of API testing – cURL. cURL (client URL) –...


6 ways we improved our documentation in 2022
At Medusa, we strive to provide developers with the best experience. Documentation plays a huge role...


How to speak at conferences when you’re scared of public speaking
In 2022, I did something I never thought I would do – stand on a stage and speak to a large audience....


Incremental compilation for Crystal - Part 1
Thoughts about how to introduce modular compilation for Crystal


My Experience as a Dev Chat speaker at AWS re:Invent 2022
At the last AWS reInvent 2022, I was able to speak in Dev Chat under the Community track for the...


What new badges would you like to see on DEV?
It's a new year and for many of us that means new goals, resolutions, and general self...


17 Compelling Reasons To Start Ditching TypeScript Now.
If you're anything like me, you're probably using Typescript because you were forced to. Your company...


Finally a clean and easy way to add Table of Contents to dev.to articles 🤩
Contrary to other platforms, dev.to doesn't have built-in support for Table of Contents (TOCs). Many...


Help, my Angular bundle is growing!
When building an Angular application, things are usually pretty smooth. However, as time goes by and...


JS Functional Concepts: Pipe and Compose
Function piping and composition are concepts from functional programming that of course are possible...


Microservices vs Monolithic Architecture: A Practical Approach
📍 Monolithic and Its issues 🙂 When we start learning backend development and...


Become an Animation Master with Anime.js - Setting up the Environment and Basic Animations
Animations, if used wisely, can take the user experience of your websites to a whole different level,...


Complete guide to ESLint, Prettier, husky and lint-staged
Detailed guide on how to install ESLint, Prettier, husky and lint-staged ✍🏻 Why do you need...


How Python can help web developers
As a web developer, you're no stranger to the never-ending quest for tools and technologies that can...


How to Optimize Your Website for Mobile Devices
Best practices for mobile optimization When optimizing your website for mobile devices,...


💅🏻If you're beautiful, follow this JS Code Style
Summary 📑 Soft tabs with two spaces Never use semicolons Always use single quotes Keep...


A complete guide to JavaScript's .reduce() function (with real-world examples)
In this guide we are going to cover: What is the .reduce() function? Creating our version of the...


How to create navigation menu with HTML CSS step by step | web design tutorial | HTML CSS tutorial
Hello!! Creative People, Today I want to share with you HTML CSS Design (Navigation Menu). I...


React Cheatsheet for 2023 ✍️
Welcome to my React cheat sheet! In this article, I'll cover all the common concepts and techniques...


The Best SvelteKit 1.0 YouTube Tutorials – January 2023 🤓 🎓
SvelteKit 1.0 has been released. So besides older tutorials as listed in my older post (The Best...


Typescript: Types
In this article, we are going to learn about how we will use typescript to make sure that variable...


Did I become a better programmer in 2022?
In January 2022, I wrote a post about how I wanted to become a better programmer by the end of the...


EKS Cluster Autoscaler: 6 Best Practices For Effective Autoscaling
We all love Kubernetes for its autoscaling capabilities and enjoy them when running clusters in a...


How To Containerize a node.js Application
Introduction It can be painful to run your application in multiple environments (for...


We’ve moved to Fosstodon 🦣
Back in November, the DEV Team announced that we had begun exploring the Fediverse: ...

Why Do We Need Authorization and Authentication? 🔑
We live in an era where digital data is becoming an increasingly valuable asset, and with that comes...


Git in 10 mins
Ah, back after a veryyyy long time.Well, guess I could be more regular now. Okay then back to the...


How to fix the most common mistakes in Git - save this for when you need it
We all know how awesome Git is in tracking changes, simplifying collaboration between multiple...


JavaScript Frameworks - Heading into 2023
The wonderful thing about glimpsing into the future is that the path is never completely clear. We...


My Hackerrank Internship Experience
This article is about my internship at Hackerrank. HackerRank is a technology hiring platform that...


React Hooks vs. Redux
In developing and application, Data management is an important concept used by developers to minimize...


5 Years of Coding Interview Lessons — in 2 Minutes
In the last 5 years I have given 20+ coding interviews. As a result my approach to prepare and...


How to Write an Awesome Readme
Introduction After the code, the readme is the most important thing to add to your...


Querying All Appwrite Developers - GraphQL Has Arrived
Hot on the heels of two huge releases comes Appwrite 1.2, bringing with it a brand new, highly...


Review: 10 Top API Mock Tools
What is API mock API mock, or mock API, is a simulated version of an API that is used for...


What's involved with NativeScript open source?
As someone who has been lucky to enjoy NativeScript open source for several years and an active...


DevOps Trends for Developers in 2023
Nowadays, every organization is considered a software organization. With the rise in cloud-native...


Drag and Drop File using Javascript
Hello everyone, today I'll show you how to use HTML, TailwindCSS, and Javascript to construct a...


How to solve coding issues using ChatGPT
The Issue I need to solve Simply put, I need to check if a node package is installed in...


Skills you should mention in your resume for an SDE Role
First let’s understand what is SDE ? A Software Development Engineer (SDE) is responsible for...


Why Cookie is preferable compared to localStorage when it comes to authentication
Introduction We know about JWT, or JSON Web Token, as an industry standard RFC 7519 method...


How to Make Most Beautiful eCommerce Website
How to Make Most Beautiful eCommerce Website for Free. Can't decide how to build your E-commerce...


Master Notifications With ChatGPT, React and NodeJS 🧨
TLDR; In this tutorial, you'll learn how to build a web application that allows you to...


Meme Monday 🎄
It's Meme Monday! Today's cover image comes from last week's thread. DEV is an inclusive space!...


Understanding Docker: part 37 – Content Trust
Serie of sketchnotes about Docker. Explaining in a visual way Docker principles.


When Will Shopify Support GA4?
It's no secret that Shopify is one of the most popular e-commerce platforms out there, but one thing...


7 free Tools for the Modern Web Developers of 2023
Want smooth sailing on your Web Development journey in 2023? Check out these free tools that the...


Chrome Extensions of the Month - December 2022
In this article, I will suggest to you some of the best extensions you need to install for better...


Finally, a Free (and Open Source) Resume Builder Without Watermarks or Limitations
I have wasted more time than I'd like to admit looking for a resume builder. All of the "free" ones...


Kubernetes: Whats, Whys, and Hows of Kubernetes with Demonstration
📍 Why we need Kubernetes? 🙂 When It comes to heavy traffic on our website then we need to...


Top 10 software architecture pattern
Software architecture patterns are commonly used design approaches that help developers create...


Hello React, Goodbye useEffect (I Hope)
In this article, I will show you how to use React to replace useEffect in most cases. I've been...


Reactivity in Javascript
👀 What is Reactivity? It's the ability of a piece of code to automatically update or...


Responsive Web Designs with CSS
Hello everyone, today I'll talk about some often asked questions about responsive web design....


The Ultimate guide of all 24 CSS Viewport Units
You've probably heard of the different units used in CSS, but you may not have understood them all —...


What's wrong with code in 2022? 🤷🏻♀️
I use one service from time to time: I need to upload some files there (the name of the service does...


11 Tips That Make You a Better Typescript Programmer
Learning Typescript is often a rediscovery journey. Your initial impression can be pretty deceptive:...


7 Must Use VS Code Extensions for React Developers
VS Code is one of the most used code editors for all developers community. According to the Stack...


GPT-Powered chatbot over the phone - Try it, and see how it was built
ChatGPT has sent the internet into a frenzy. For developers, it's just the tip of the iceberg....


Optimize your data fetching with React Query ⚛️
I’ve been introduced to React Query at work last year and I wouldn’t be the first to say that it was...


RBAC vs ReBAC: When to use them
RBAC and ReBAC are two well-known access control models. Although their high usage they also have...


7 GitHub Repositories that every front-end developer must know.
Become a better front-end developer with these repositories. GitHub is a gold mine of resources and...


I wrote 1000 articles, what’s next?
Most of you know me for my consistency, a golden arrow in my blog series. I've written 1000 articles...


Kubernetes Namespace: How To Use It To Organize And Optimize Costs
When you’re running a relatively small cluster, you might get away with having no structure in place...


rem vs em - Everything you need to know
Author: Fimber Elemuwa Introduction CSS is a crucial part of any website’s design, but...


Why Websockets are Hard To Scale?
Cover photo by fabio Websockets provide an important feature: bidirectional communication. Which...


Breaking out of tutorial hell
In this article I want to address escaping tutorial hell and if you haven't heard of that expression...


git switch and git checkout – How to switch branches in git
Author: Muhammad Khabbab Introduction When working on a project, you usually work on more...


How to Make Your Own Personal Website Using HTML CSS and JS
In this video, we'll show you how to make a basic gaming website using HTML, CSS, and JavaScript....


How To Test CRUD RESTful APIs With the API Tester Mobile App
Backend developers can test APIs and validate API responses through one of the many popular tools...


React's new killer documentation focused only on functional components
It's no secret that the old React documentation is useless most of the time because it no longer...


7 best websites to get tons of fonts for free
If you're a web designer, you know that finding the right font can be crucial to the success of a...


9 stunning web design trends to watch in 2023
As we approach the end of 2022, it's time to start looking ahead to the next year in web...


AWS Community Builders Holidays posts 2022
A very warm welcome from the AWS Community Builders to the 2022 Holiday Season! As you might have...


Dev.to and Other Options for Sharing Your Blogs
Hey there fellow developers! If you're a regular reader of dev.to, you might be wondering if there...


Everything About Medusa - An Open-Source Alternative to Shopify
Introduction Medusa is an open-source Shopify alternative that enables users to quickly...


Concepts behind modern frameworks
Many beginners ask "which framework should I learn?" and "How much JS or TS do I need to learn before...


Improve Your Next.js App’s Performance in 10 Minutes
Introduction We all know Next.js is quite heavyweight, especially compared to Svelte Kit...


Make Your Video Player Float Using PiP API
In this article, I am going to make your video player float by using Picture-in-Picture (PiP)...


Old Photo Effect with CSS
This article will review how to create an old photo effect on any picture using only CSS


Understanding JavaScript Promises👩💻👨💻
Promises are one of the most important features of JavaScript, they allow us to write cleaner code by...


20 Git Commands you (probably) didn't know about 🧙♂️
A collection of 20 under-used git features to upgrade your development experience


AI and Frontend Development: A Match Made in Tech Heaven?
AI and Frontend Development: A Match Made in Tech Heaven? Frontend developers, your days...


Dockerizing NodeJS, Express, and MongoDB App with NGINX as a Reverse Proxy
🙂 As a beginner developer or while learning Backend development, The most common start point of most...


How to learn in public
Think back to your first encounter with the concept of learning in public. Is it tech-related? ...


How to Make Responsive eSports Website Using HTML CSS JavaScript
In this video, we'll show you how to make a basic gaming website using HTML, CSS, and JavaScript....


ES6 Concepts for React JS
Hello Everyone today i will discuss few concepts which you should know before moving onto React...


How to contribute to open-source with any skill level
Open-source contributors stand out among their peers for various reasons and there is nothing that...


How to create a Google Maps clone using OpenStreetMap API
Recently, I have been interested in making some projects such as a MERN stack Zillow clone, or a...


React Native cheatsheet for beginners
React native is one of the most demanding cross platform frameworks developed by Meta (Facebook) for...


VS Code Extensions You Should Use As a React Developer
With the rise of new tools and technologies, developers can now build websites, apps, and other...


Amazing Rating Card Using HTML CSS JavaScript | Fronend mentor
How to Make a Rating Card Using HTML CSS JavaScript This video will show you how to build a...


Building a Music Player in React
Introduction Whoever is learning React and wants to build a project with React. There are...


Learn git in less than 5 minutes and use it for 5 years
Git is a version control system that is widely used by developers to track changes to their codebase....


Use your third-party scripts without the performance hit with Partytown
Introduction Partytown is a lazy-loaded library to help relocate resource intensive...


What are the differences between translation and localization?
While both terms are similar, localization goes beyond just translating and ensures your product...


CI/CD Tutorial For Developers
DevOps continues to grow in popularity among software development teams. It’s not surprising, given...


Discover the Secret to Boosting Your Team's Productivity: Aviyel's Slack Bot Revealed!
Introduction The rise of the internet and advancements in technology have revolutionized...


GCP CUD: Are There Better Ways to Save Up the Cloud?
Getting a serious discount on cloud resources in exchange for a commitment lasting one or three years...


Set the theme of a website based on the time of the day (no external library)
In this blog post, I will show you how to use JavaScript, and CSS to set the theme of your website...


Will Instagram kill photography?
The answer to that question, in a decade and a half of hindsight, is "yes, and no, depending on your...


A little about Typescript Utility Types
Nowadays, TypeScript type system is very powerful, it provides for us type safety, productivity,...


Applying Design Patterns in React: Strategy Pattern
This article is about a problem many of us encounter in React & Frontend development (sometimes...


Creating a scheduling app: I wish somebody showed me this technique when I first started coding 🤔
What is this article about? In this article, you'll learn how to build a scheduling...


The 4 best resources to learn Rust !
Rust is a popular programming language known for its performance and reliability. It is a systems...


Top 5 API testing tools 2022
Introduction Implementing an API is a useful method for adding unique functionality to a...


Free Python Converter Tool - DataFrames, OpenAPI, CSV to Models, DataTables
Converter library for CSV, OpenAPI, Pandas DF, URLs using a simple Drag & Drop UI - EULA license.


How to choose between Flexbox, Float and Grid like a pro
CSS layouts are a way of positioning elements on a web page. They allow you to control the position,...


Open-source React code generator component for CRUD apps based on your API on the fly
We are running an open source React-based framework for building CRUD apps rapidly. 🚀Source code:...


Reflections on My 15 Year Journey from Novice to Intermediate Developer
My self-taught development journey started around 15 years ago when I was a little kid. It went from...


Svelte vs React: Which framework to learn in 2023?
In the web development world, sometimes it can feel like a new frontend framework comes out every...


Automatically Transcribe YouTube Videos with OpenAI Whisper
OpenAI is on everyone's lips, but this is not about their recent Chatbot but about a language model...


B2B Commerce w. Medusa: Set up a headless Node.js backend (1/2)
This tutorial series covers how you can use Medusa and its different components and features to...


B2B Commerce w. Medusa: Set up a Next.js storefront (2/2)
In part 1 of the B2B series, you learned how to set up your Medusa server for a B2B ecommerce use...

![Cover Image for How to Set up Google Analytics on Shopify [4 Methods Explained]](https://res.cloudinary.com/practicaldev/image/fetch/s--yAL0r6Cx--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y1dwm2rv2p3nspf7u9xy.png)
How to Set up Google Analytics on Shopify [4 Methods Explained]
Ever since I started to work with Shopify clients, I realized they all have problems with their...


Meme Monday 🎉
We are back to Monday, after doing Tuesday last week. It's the little things in life. Today's cover...


5 Simple Things Highly Productive Developers Do
I have spent fair share of hours trying to improve my productivity, rather than actually doing the...


Battle of the Giants: GitHub Copilot vs ChatGPT ⚔️⚔️
The release of ChatGPT sent ripples through the programming community as it could come up with...


Conditional wrapping in React
This is something you do not always need, but I wrote this article for those looking for...


NGINX: Advanced Load Balancer, Web Server, & Reverse Proxy
📍 Concurrency 👉 When it comes to making a request to the server, it usually happens that...


Vs Code Zero to Hero setup
1. first of all get Rickroll'd The vscode is a nice editor for web dev. And the broad...


2022 wrapped: open-source
Hello everyone! 🙋🏻♀️ Today, I wanted to quickly wrap-up my contributions for this year! I...


✨Day in the life of a college student during finals week - self reflection blog
Dear college students, I am sure we all can relate to this. Finals week is here, and everything...


Django AdminLTE - PyPi Library
Modern template for Django Admin Interface coded on top of AdminLTE, the iconic dashboard template - Design provided as a PyPi Library.


How sql engine handle join internally - part 2
In the last blog, I wrote about the physical joins used by the SQL engine. Before version 8, MySQL...


Ultimate Frontend Development Roadmap
Under the Hood Hi, My name is Shrey, I am an Entrepreneur, Developer, Designer and Writer with 4...


7 websites to get inspiration for next level web design
As a developer or designer, it's always important to stay up-to-date on the latest trends and...


Animate an SVG path with CSS
A while ago, I found this super cool effect that animated an SVG path as it was drawn on the...


Data visualization using React and Tremor - With Sample
Learn how to code a data visualization sample on top of React and Tremor using GitHub API as a source of information.


Developer productivity hacks 11
1. Establish a sensible development environment. It will be simpler to kill the opposition...


Getting Started With GitOps For Developers!
GitOps is a methodology for deploying and managing software applications using Git. It is also...


7 popular Icon libraries you can use in your websites
Icons are an essential part of modern web design, as they provide a visual representation of an idea...


How to Test GraphQL API
You've just created a GraphQL API and are ready to test it. But where do you start? How do you know...


I Automated Daily Standups for Developers
It's time for a standup! These are the words that always put me in total panic mode. I don't even...


To Be Known for our Kindness
Content Warning: Death of a Ruby community member We have lost a great man in the Ruby community in...


Working with data attributes in CSS
We previously looked at using data attributes in JavaScript. These data attributes are a fantastic...


How I Built a Vue.js Ecommerce Store with a Node.js Backend
Ecommerce is no small undertaking. Aside from building a great customer experience on the frontend,...


How to choose the right API Style and Technology
APIs are an essential design element in any software architecture that interconnects components...


I changed my mind. Angular needs a reactive primitive
Angular developers have waited 7 years for better integration with RxJS, but this doesn't seem to be happening. This made me angry at first, but after a lot of thinking and talking with other developers, I now believe that a reactive primitive could provide an overall better developer experience than just better RxJS support, even for the most diehard RxJS fans.


Too much, and yet not enough
If you have been an avid reader of this blog, you might have noticed I like exploring different...


Why using just console.log in 2023 is a big no-no 🚀
Here are 5 must-know console object methods and tricks! Are you still using console.log for all your...


How I build Register and Login page using Supabase
Introduction One of the challenging things to build in an application is Authentication....


I asked ChatGPT to refactor the Forem StoriesController
The Forem codebase, which powers DEV and other networks, is open source, and is therefore great for...


Meme Tuesday! 🤨
For the second time in three weeks, we are celebrating Meme Monday on a Tuesday. If the topic were...


Simple State Management with RxJS — a To-do List example
What is RxJS ? RxJS is a Reactive Extensions Library for JavaScript which is getting very...


Using CSS counters
A while ago, we looked at custom numbered list styling, but we can use the concept of CSS counters to...


Consistency Tips for Developers That Actually Work
Inconsistency is the most common error made by developers. Follow these simple tips to stay...


Creating an upvote system with React and Socket.io 🥳 🔝
What is this article about? Upvotes became a great way to understand what your visitors...


How to Invalidate JWT Tokens Without Collecting Tokens
Today I read this article here at dev.to because it is, in my opinion, a topic everyone should care...


Introducing Codux
TL;DR - Introducing Codux, a new visual IDE for easing and accelerating the development of React...


Top Google Analytics Apps for Your Shopify Store
Google Analytics is a go-to solution for thousands of Shopify merchants around the world as it offers...


Creating a Telegram chatbot with ChatGPT: A Step-by-Step Guide
Introduction In this tutorial, we will be building a telegram bot that can interact with...


How JWTs Could Be Dangerous and Its Alternatives
Introduction JSON Web Tokens (JWTs) are the most popularly used tokens for web...


☃️ My December Goals🎄: ending the year right by learning new things ✨
About 12 weeks ago, I set on a mission to get comfortable with the uncomfortable. I decided to try...


Submit button outside the form
The other day I had quite a weird scenario where we had a form inside a specific section, but the...


The #openai and #gpt3 tags are now officially "supported" on DEV
You may have seen ChatGPT floating around recently. It is an incredible demonstration of AI...


Hey Tech Recruiter, Here Are Some Tips from a Developer
I wrote a rant to LinkedIn in the summer, summarizing a couple of tips on how (not) to contact me and...


Kubernetes: What It Is, How It Works, and Why It's A Game changer
Introduction Kubernetes, which was first released on June 7th, 2014, has quickly...


Learn Web Development by Building Projects
In the first episode of AskDevs twitter spaces, I spoke with self-taught developers on the relevance...


Responsive Business Agency Website Using Html CSS JavaScript
How to Build Responsive Business Agency Website Using Html CSS JavaScript This video will show...


Super Useful CSS Resources 🌈
The ultimate list of 70+ web-based CSS tools that every frontend developer should have bookmarked!


10 games to learn JavaScript
We looked at 10 amazing games to learn CSS. And in this article, we'll do the same for...


Anything C can do Rust can do Better
C++ and Rust are both system programming languages that can be used to produce software and software...


Git stash command
Author: Muhammad Khabbab What is Git stash Stash is a Git command to locally store your...


How to Confidently Write Unit Tests using React Testing Library
In this tutorial, we will learn how to confidently write unit tests using Testing Library which is a...


Single Event Listener for all elements in JS
Hello guys today i will be discussing an important topic called Event Delegation in Javascript. ...


Awesome time-saving tools for developers
Introduction Time is money, is what we heard from our childhood. As we grow, we realized...


Detecting if the user is online with JavaScript
Sometimes you might want to enhance your application to notify users they might have lost their...


GitHub Actions: An Introduction
GitHub Actions allows you to create, manage, and run tasks directly on GitHub. This can be anything...


Super Charging Fine-Grained Reactive Performance
What's a Reactive Library? Reactivity is the future of JS frameworks! Reactivity allows...


Writing a Technical Blog
I wrote about how I structure my writing in general last November, as part of the 14,584 words I...


Chrome Extensions of the Month - November 2022
In this article, I will suggest to you some of the best extensions you need to install for better...


Developer Health: Tips for dealing with workplace anxieties and imposter syndrome
Over a year ago, I wrote an article titled Voices of Gatsby: Fighting Back Against Imposter Syndrome....


React Material Tailwind - Beginners’ Guide and Free Sample
This article is a comprehensive introduction to Material Tailwind, an open-source UI library for React - Free Sample is also provided (Landing Page, Auth Pages).


UI Framework for Flutter. What should be included in?
Hello everyone! I'm tired of doing the same type of things for each of my pet projects. And I...


+20.000 Developers Rename the Wireless Mouse to Hamster - Help Us!🐹
The wireless mouse is not only one of the most essential parts of your computer setup but it is also...


7 JavaScript Concepts You Should Be Familiar With As a Developer
As of 2022, JavaScript currently stands as the most commonly-used language in the world. It is used...


7 Supportive Tech Communities You Want To Be Part Of
Hello Friends 👋, If you just found this blog, let me introduce myself. I'm Ayu, a self-taught...


Kubernetes Labels: Expert Guide with 10 Best Practices
With Kubernetes labels, DevOps teams can troubleshoot issues faster, apply configuration changes en...


React Soft Dashboard - FullStack & Live Deploy
This open-source React Starter has been updated to the latest UI Version from Creative-Tim. Starting with this version, the product can be deployed using Drag & Drop.


Top 7 Featured DEV Posts from the Past Week
A round up of the most-read and most-loved contributions from the community this past week


Advanced web font optimization techniques
Website developers have been using custom fonts for ages. Since custom fonts are not present in the...


The 38 Books Recommended to Me in the Past Few Months
These are the 38 books I was recommended to me in the past few months. These are books I have not read yet. This is not a ranking list. Just the title & description. If it's not listed, I may have read it already.


The illusion of speed – why perceived performance matters
Time is relative. We have all heard this expression a million times before. Many years ago, some...


Using Terraform To Manage Infrastructure Resources
DevOps has come a long way, and every organization wants to embrace it. With DevOps becoming...


Why your GitHub profile should stand out?
Last week I hosted a Twitter Space 🎙️ where I got to interact with amazing speakers on GitHub...


6 Use Cases for Regex in Your Daily Work
In This Article What Is Regex? Regexes in a Nutshell When Is Regex Used? Searching...


7 Developer Portfolio for inspiration
Coming up with original ideas for your portfolio can be a challenge. Here are some ideas to draw...


Create a package-based Monorepo with Nx
What is a Monorepo? A Monorepo or Monorepository is a code management and architectural...


How to Delete Local and Remote Git Branches
Author: Muhammad Khabbab Introduction Branches are kind of blocks in a repository where...


Why I love Mastodon
I quit Twitter at the end of 2020, and haven't really used social media at all since then. So when I...


5 Web Extension for Web Developers
1. Wappalyzer Link Chrome web store This extension helps you see what technologies a...


A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC
APIs are the most important component of the modern-day software development process, helping...


Form Validation with JS and Tailwind
Hello today i will share with you the form validation i created using HTML,Javascript and...


How to Access Local Sever on Other Devices
In this article, I am going to show you how you can access your local/localhost server on any other...


Planning And Tracking Projects With GitHub's Projects Tool
Hello Fellow Codenewbies 👋, A while ago, I wrote an article called How To Use GitHub For Project...


Create an Observable Object using Proxy
Have you ever needed to "observe" an object for changes? If you have ever used Vuejs or React, this...


How to Become a Perfect Automation Tester || (Do This)
What Is Required to Become a Perfect Automation Tester? Do you believe that Perfect Automation Tester...


My React Native Journey
Hi there, My name is Darshan. I work as a Full Stack Engineer and today I want to share my journey...


Redis Distributed Caching
Cache nima? Dastur ma'lumotni bir necha usulda saqlaydi. Hajmi katta va kamdan-kam...


What was your win this week?
Heyo! 👋 Hope y'all all are having a fantastic Friday and that you enjoy your weekends! Looking back...


15,000 GH stars in a year: how we did it 🤩
It has only been a bit more than a year since we decided to raise funding in the quest of building...


36 Questions to Ask Your Future Software Employer
Congrats on nailing that interview! You’ve prepared hard and aced all the questions. You can relax...


5 GitHub Repositories every Developer should know
GitHub is one of the most popular resources for developers to share code and work on projects...


Big Thanks to All Our Mods! 🙌
Heyo folks! It's US Thanksgiving today and a company holiday here at Forem (the folks behind DEV...


Supercharge Rust APIs with Serverless Functions
Learn how to use Serverless Functions to build a user management API in Rust using Netlify, Xata, and Cloudinary.


5 Best Free Platforms for Hosting Hobby Web Projects
Author: Joseph Mawa Introduction Most developers spend a significant proportion of their...


a first look at solidstart
SolidStart is a project starter and metaframework for SolidJS that provides a first-class way to build and deploy SolidJS applications.


A poor man's API
Creating a full-fledged API requires resources, both time and money. You need to think about the...


Django Material Kit - Free PyPi Library
Modern template for Django coded on top of Material Kit, an open-source Boostrap 5 design from Creative-Tim - provided as a PyPi Library.


How to build the most beautiful Todolist with React Native and Socket.io 🎉
What is this article about? Todolist is a simple task list where you mark everything you...


How to choose the right API Gateway
Nowadays an API Gateway is an essential component in designing a distributed system’s architecture...


Meme... Tuesday? 🤔
This week's post is coming in a day late, sorry to everyone who showed up yesterday expecting the...


Multithreading in the DOM in JavaScript
JavaScript is a single-threaded language, which means only one script can be run at a time. Working...


Senior C# Developer Shows 5 Tips To Master Your C# Level
What if I told you that 5 easy tips from a senior C# developer can make you an better coder? Would...


What I would like to do after reading The Pragmatic Programmer
I joined a book club and finished reading The Pragmatic Programmer which is a famous book that I...


10 FREE SVG Icon Libraries For Front-End Developers
Ionicons: The premium icon pack for Ionic Framework. Ionicons is an open-sourced and MIT-licensed...


All About Shopify Analytics
You always have a ton of questions as a Shopify merchant, don’t you? It’s no surprise that most of...


Why it’s Time to Shift Left Technical Debt
Shifting left has brought massive benefits for testing, security and DevOps, but not for tech debt...


Winston Logger - Full tutorial with a sample Nodejs application
Winston Logger is one of the most popular logging libraries for Node.js. It is designed to be a...


Writing Your First Conference Proposal
Maybe you’ve been thinking about speaking at a conference, but you’re nervous. Hopefully, this blog post will help you discover an idea and/or overcome the fear of submitting.


Adapter pattern in TypeScript
Introduction The adapter pattern (also known as the Wrapper pattern) is a structural...


Django Argon Theme - Now supports all Django.contrib.AUTH links
Modern template for Django Admin Interface coded on top of Argon Dashboard, an open-source Boostrap 5 design from Creative-Tim - Django.contrib.AUTH links supported.


Have you moved from Twitter to Mastodon for social media?
I created a Mastodon account on toot.cafe back in 2017, but I only did a little with it. ...


Setting up a "confidential" GitLab🦊🔒
Hey there. If you ever programmed something "sensitive" or, like me, are managing private meeting...


✨Today I Learned: The Subtle Art of Code Reviews 💡✨
Code reviewing is hard. The pull requests I reviewed were for the My Photohub project. Code...


How to Create Dynamic Forms in React CRUD app with Ant Design
Author: David Omotayo Introduction Forms are one of the most adaptable elements in web...


How to Test a WebSocket based Application Using the API Tester Mobile App
In this article, we'll see how we can use API Tester application to test WebSocket based APIs easily...


Ideaas: A simple platform where lazy people can share their ideas with you and you can build them.
Introduction do you have an idea that you can not build, share them with the...


The Difference Between the Shell and the Terminal
Whenever we give commands to a computer to perform a specific task using text, we refer to it as...


Universal Analytics vs. Google Analytics 4 Explained for Shopify Merchants
GA4 is the new version of Google Analytics. Universal Analytics shortly UA, also known as GA3, is...


Data Structures In Frontend JavaScript In The Real World (With React Code Examples)
Never seen a linked list in frontend JavaScript code? Me neither. But here are real-world examples of data structures Map, Set, Stack, Queue, and Tree.


How to Mock an API in ONE minute
Front-end developers usually meet this problem. The API is designed, but it's not been implemented...


Kubernetes Cordon: How It Works And When To Use It
Kubernetes gives you the option to administer and maintain nodes manually. Using kubectl, you can...


Making Progress: How I've learned to move towards my goals
Introduction Sometimes you have plans that you want to move towards, long term career...


My experience of Modern Frontends Conference
I was reached out to by Modern Frontends conference back in June this year. November is the most busy...


Build a ChatBot Using Python, Django
A ChatBot has become one of the must-have features of modern-day web applications. It plays a huge...


How to set up Google Tag Manager on Shopify (+data layers)
This will be your go-to guide for understanding and setting up Google Tag Manager on on Shopify. We...


Meet a new technology to display your big data volumes instantly without any waiting time!
Hi, guys! Happy to see you here and even happier to announce something new we’ve been working on...


See How Others' Changes Compare To Your Own In IntelliJ
Get the ultimate perspective on all the work in progress in your repository and how it compares or...


Web Development JWT Practices
Foreword The previous post briefly introduced a high-performance Go HTTP framework -...


Django & Docker - SQLite, MySql, and PostgreSQL samples
Free samples that use different combinations between Django, Docker, and DB layer: SQLite, MySql, PostgreSQL.


Find out the quality of your CSS code
Last year I wrote an article about tools for auditing CSS. If you are a CSS lover, I bet you have...


.NET Conf 2022 in a Nutshell🥜 (Key Highlights to Know)
If you’re like me and didn’t have the time to follow the .NET Conf 2022 , fear not! Microsoft has...


React - Best Practices
While working on a React App, following these coding conventions will give you a better development...


Weekly web development resources #124
Sponsored Indie Worldwide The friendliest online community of bootstrapped startup...


10 tips to reach 5400+ ⭐️ stars on a GitHub with an open source project
We are maintaining an open-source React framework for building CRUD apps easily. You can...


Abstract Data Type(ADT)
Abstract Data Type nima? Ds'larni ko'rib/ tekshirib chiqishning 2 usuli...


Building a real-time bidding system with Socket.io and React Native 🤩
What is this article about? Goin’ Once, Goin’ Twice, Sold to the lady with the red dress...


From PHP to JS ecommerce: Migrate from Magento and stay open source 🤩
If you are a fan of open source and ever been wanting to build ecommerce, you've probably been...


Top 10 services Apache APISIX use-cases
Are you wondering what’s Apache APISIX, and who uses it? Well, this blog post is for you. Apache...


8 Top MacBook Apps for College Students
Technological advancements have eased human life to a great extent. The digital trend has also ruled...


Awesome Productivity Tools for Developers
Introduction Working 8 hours a day will not help you in the long run but utilizing those...


500+ Tailwind UI Components, Templates, and UI Kit (Free and Premium)
If you are looking for a complete Tailwind CSS UI Library with all essential UI Components, Sections...


Top 5 Google Ads Extensions for Shopify Stores
If you utilize Google Ads for your Shopify store, you should unlock its full potential as an...


🧪🐍✨Unit Testing Python Code With The unittest Framework
Unit testing is an important part of software development as it isolates different components of a...


7 common mistakes new contributors make in Open Source Software
Contributing to open source software is a great way to make a difference in the community and learn...


Extensive List of Best Development Resources - 121 Links to Guides, Cheat Sheets and More List of Resources
This is a collection of top rated web development resources every developer needs. Roadmaps, guides,...


Git Cheat Sheet with 40+ commands & concepts
Tired of memorizing git commands? Here is a cheat sheet with 40+ commands to simplify your life. ...


Stand out in a React interview by rendering a list like a pro
We often get asked to render a list in a React interview. In this article we are going to look at a...


What is Turborepo and Why Should You Care?
Author: Muhammad Khabbab Introduction Monorepos are very popular in modern application...


8 Best Logging Practices to Keep Sensitive Data Out
Logging is an essential part of the software development process. Debugging application and...


Interface for router
Hi! Not so long ago, Alexander B.K., a reader and author of dev.to, asked me to describe the design...


Next.js 13 - What are the new features?
Author: Michael Hungbo Introduction Next.js is a popular React.js framework for building...


THIS tool will SAVE you 70% of your TIME as a developer
Every developer gets FRUSTRETED creating user-guides for their audience. But this tool will create...


Where To Host Your Applications/Websites For Free🤑
In this post, we will see some of the top places to host your application or website for free and...


AKS Security: 10 Proven Tactics for Securing Your Kubernetes Clusters
Kubernetes comes with many challenges, and one of them is security. Managed Kubernetes solutions like...


Black Friday is coming 🔥 Vote your Discount: 50, 60, 70%
In 2022 Black Friday discounts are voted on by the users - Once the voting is over, the campaign starts on 15-NOV.


How to Make a Responsive Education Website Using HTML CSS JavaScript
How to Make a Responsive Education Website Using HTML CSS JavaScript This video will show you...


Share DEV articles to Mastodon
You asked, we listened! 🦣 You can now share DEV articles to Mastodon in addition to other social...


What if DEV became the new Twitter-like platform for developers?
Just playing a "what-if" game. Do you think if Dev tweaked its content publishing model it might...


5 websites to learn Frontend-web development faster
I have been a web developer for a few years now. I have come to a complete understanding that being a...


Generate a Flask APP and Go LIVE - Material Kit Design
This video explains how to use tools to generate full-stack apps in no time on top of Flask and Material Design. Generated code is saved on GitHub (MIT License).


How I build a Documentation site using Docz
Introduction I use any dev tools or library on the basis of its documentation. I use their...


How to Build a Production-Ready Todo App in One Next.js Project With ZenStack
Next.js did a great job in "bringing the power of full-stack to the front end"as their slogan on the...


Socket.io | Show Number of visitor
Hey 👋, I hope you're doing well, It's been a long time since we've seen each other! Today I...


Appwrite Loves Open Source: Why I Chose To Sponsor OBS
Open-source is at the ❤️ of everything we do at Appwrite, and we want to enable and foster the...


dev.to codes! Collaborative coding experiment: The most liked comment picks the next line of code, day 2
Day 2! The response on the first post was amazing, thanks to everyone that contributed! @ben's...


How to Install and Use NVM?
Author: Chidume Nnamdi Introduction Nodejs became a game changer in the software...


I made 1200+ ⭐️ stars on a Github repo! Here are some simple tips that helped me!
Hello guys, it's been a while since my last post on dev.to, and I am happy to share with you again...


Weekly web development resources #123
Sponsored Bot Eat Brain A daily AI newsletter for news and memes. We're your favourite...


Announcing the MongoDB Atlas Hackathon 2022 on DEV!
Join us for this opportunity to build an awesome application with MongoDB Atlas while earning some great prizes.


Event-Driven APIs with Webhook and API Gateway
There are many ways and technology options to consider when implementing an event-driven API. For...


How to work with API on your mobile phone?
There are numerous tools available for testing your API. However, I will demonstrate how to test your...


React & NodeJS - Go LIVE with Full-Stack projects fast
This material explains how to use free tools and Go LIVE with full-stack products using the Render Deployment Platform & AppSeed.


Working with GitHub Actions from your best editor
Hi folks, today I'm going to speak about another cool VsCode Extension. In many projects, I love...


A Complete Guide to Importing Shopify Customer Data to Google Ads
Did you know that you could import Shopify customer data to Google Ads with a few steps? If no, I’ve...


Client-side Routing without the JavaScript
It's been a while since I wrote a piece about a SolidJS technology innovation. It's been two years...


Hexagonal architecture as a solution to the obsolescence of UI frameworks
Since the arrival of frontend frameworks and the advent of SPA (Single Page Application) type...


Meme Monday 🤌
Welcome to another Meme Monday post! Today's cover image comes from last week's thread. DEV is an...


Rust Easy! Modern Cross-platform Command Line Tools to Supercharge Your Terminal
Rust tooling is taking over the terminal. Use these awesome tools to supercharge your Linux/macOS/Windows terminal.


A Complete Guide to NFTs
What are NFTs? Non-fungible tokens (NFTs) are cryptographic assets on a blockchain that...


Automate and Auto-Merge Pull Requests using GitHub Actions and the GitHub CLI
So I've written about how I automated content updates for my blog before. I even gave a talk on...


Change the DB as you wish | Repository Pattern📦
📦 Repository Pattern This is a practical and real-life example of how to use the...


How To Create A Resizing Header With Plain CSS
For my projects I want to use as much CSS and as little JavaScript as possible (for accessibility...


How to Make Weather App in React
In this article, we are going to make a weather app in react. In this project, we will use...


An animated guide for Node.js event loop
We have all heard about JavaScript and Node.js being single-threaded, but what does it mean in...


Best Library To Create Simple And Complex Forms In React
Creating forms in React is a complex task. It involves handling all the input states and their...


Theme Changer with HTML and CSS only
Hello Guys today i am going to show you a theme changer with HTML and CSS. There is a new selector in...


Top 5 Icon websites for devs and designers!!!
Introduction: Everyone needs a website to get icons from it, Choosing the right icons is...


✨Write clean Python code using pylint and black ✨🐍
First encounter 🔍 The very first time I encountered linters and style formatters for...


Deploy LIVE a simple eCommerce powered by Flask & Stripe in 5 minutes
This material explains how to build a simple eCommerce powered by Stripe & Flask and publish LIVE the product on Render.


esbuild - Next-generation JavaScript bundler
Author: Muhammad Khabbab Introduction Bundlers are an essential component of the...


Twitter is expected to lay off about half of its workforce
Per this story by The Verge Musk is expected to cut roughly half of Twitter’s roughly 7,500-person...


Ways to Improve Developer Onboarding on an existing codebase
Hiring a developer in the middle of a project might be challenging. That is the last thing a project...


9 Tips to Improve your Ecommerce User Experience
Ecommerce is rapidly becoming the way you do business today. And one of the most important outcomes...


Django & Stripe eCommerce - Free Starter
Open-source starter powered by Django & Stripe that allows a quick build of a simple eCommerce using products from Stripe.


Web development is just like embedded development
I often see people discuss embedded development and web development as being two opposite sides of...


What are your tips for working remotely?
I've been working remotely since before the pandemic and love it. For those of you that work...


What were some of the toughest technologies and concepts for you to grasp along the way?
What were they, did you every fully overcome your confusion?


Creating a registration and a login with two-factor authentication on React 🤩
What is this article about? If you have thought about building any dashboard, you probably...


Don’t be a CRUD boomer 👨🦳, check out this new Event Sourcing library!
Check out the new best Typescript Event Sourcing library ⚡


How to make the most of DEV if you’re over Twitter
Twitter has played an important role for software developers over the last decade or so. It’s been...


HTML & CSS Features, Tips For a 10x fast Page Loading Speed
We all hate it when our page loads this slow right! 😔 Infact website conversion rates drop by an...


Tips to become a great software engineer
Becoming a great software engineer should be a goal that all professionals strive for, but what is...


Bye for now VSCodeTips community!
This short post mentions that community.vscodetips.com went offline on November 1st, 2022. ...


Remix & Shopify: Circumvent Shopify’s APIs and go open source
Shopify seems to acknowledge that open source is what developers want. First, they gave us Hydrogen...


See how others' changes compare to your own in VS Code
Get the ultimate perspective on all the work in progress in your repository and how it compares or...


Some cool GitHub features to enhance your development experience
Hello everyone, Leonardo here! Today we talk about GitHub and some cool features it offers to...


Top 6 Free Online Code Editors and IDEs with Pros and Cons
Author: Joseph Mawa Introduction Programmers and software engineers spend a significant...


CSS Grid and Flexbox: A Brief Juxtaposition
CSS Grid and flexbox are two CSS layout modules with different implementation techniques and usages....


Django Dynamic DataTables - Free Library
Open-source library for Django that provides a powerful data table interface (paginated information) with minimum effort


I create LinkedIn account 😄
For the past 5 years I have been ignoring the existence of Linkedin. And so I realized that it was...


My Divtober 2022 Drawings
A collection of single-element CSS Art part of the divtober'22 coding challenge


Next.js getInitialProps and getServerSideProps
Author: Michael Hungbo Introduction Next.js is an open-source React framework for...


7 Shorthand Optimization Tricks every JavaScript Developer Should Know 😎
Every language has its own quirks and JavaScript, the most used programming language, is no...


Awesome VS Code Extensions for Navigating Large Codebases
Introduction VS Code is one of the best and most popular code editors among developers....


AWS Parameters and Secrets Lambda Extension Demo Using AWS CDK
AWS Parameters and Secrets Lambda Extension Demo Using AWS CDK


How can ignore a files that have already been committed to the repo?
If a file already committed and pushed into your github repo. And you forgot to add in .gitignore and...


How to Make Responsive Landing Page Using Html CSS JavaScript
How to Make Responsive Landing Page Using Html CSS JavaScript This video will show you how to...


7 Best VS Code Shortcuts You Should Use
1.Select text word by word. Mac : cmd+shift+Left/Right Arrow Windows : Ctrl + Shift + Left/Right...


5 quick ways to center a div with CSS
Hello DEV community 👋 Centering div is one of the common problems encountered in front-end layout....


Copying a Feature from Docusaurus 🦖 For My Static Site Generator - rwar 🦁
Source of inspiration 🌟 There is so much to learn from Docusaurus. It is a powerful static...


How To Make a Food Delivery Website Using HTML CSS JavaScript
How To Make a Food Delivery Website Using HTML CSS JavaScript This video will show you how to...


I built my own Tweet scheduler which costs less than 1$ per month
I wanted a simple scheduler that will post tweets from my Notion database to Twitter. I wanted an...


14 FREE Harvard Courses 🎓🎉
1. Computer Science for Business Professionals What you'll learn Computational...


Chrome Extensions of the Month - October 2022
In this article, I will suggest to you some of the best extensions you need to install for better...


Dynamic forms with Formik and React JS. 📝
This time I will show you how to create dynamic forms with Formik and Yup, using React JS with...


How to Master The Art of Content Creation As a Developer?
Introduction Hey amazing folks welcome to the new article and here we are to going to...


Kubernetes 101 - Introduction
Although I'm not a DevOps guy, I wanted to learn more about this engineering. It's an area I always...


8 must-know tips for writing clean code with Javascript
Javascript is an awesome programming language, however, writing clean javascript code can be a...


Construindo um currículo para DevRel
Antes de começarmos As pessoas que hostearam e organizaram esse Twitter Space conversaram...


How a VS Code Extension "Todo Tree" can make your coding easier | Todo Tree Configuration | Highlighting Comments
Highlighting Comments with Todo Tree VS Code Extension The Todo Tree extension quickly...


Optimization techniques for Rive animations in React apps
What is Rive? Rive is a modern tool for creating well-performing interactive animations...


React ref and useRef Hook
Author: Joel Adewole Introduction Among the various JavaScript libraries and frameworks,...


Building a Login System using Redux
A login is a set of credentials used to authenticate a user. Most often, these consist of a username...


Dark mode pictures & 4 other webdev tips you may want to know 🚀
1. Dark mode pictures This is how you can display different pictures in dark mode: More...


Free Django eCommerce - Use Products from Stripe
Mini eCommerce for Django with products download from Stripe - Open-source project (MIT License).


Have you tried React classnames?
Regarding classes in React, we get a lot of power out of the box. However, we can enhance this power...


What is The Collab Lab?
Curious about what The Collab Lab is? Here's the TL;DR The Collab Lab increases access to web...


How to learn your second programming language efficiently
introduction When you're starting to learn your second programming language, it's...


How to set up a basic HTTP server in Node + Express
In this post we will have a look at how to set up a basic HTTP server with Node and Express. This...


How to Use JavaScript some method
Author: Abdullah Numan Introduction This post is about the some() method in JavaScript....


I made 10x faster JSON.stringify() functions, even type safe
Series of TypeScript Compiler based Libraries I made 1,000x faster TypeScript validator...


State Management Is Easy Now!? An Introduction to Observable Store
Oh application state. The source of so many bugs. React has Redux, Vue has Pinia, and Angular has...


Awesome Websites For UI/UX Inspiration
Introduction UI/UX is what the user actually sees. When a user visits your site, they...


Building a Notion-like system with Socket.io And React 😍
What is this article about? We are going to build a knowledge system like Click-Up and...


DEV Community Satisfaction Survey Results!
A couple months back, we launched the DEV Community Satisfaction Survey with an announcement...


Inversion of Control: Service Locator in Typescript
I've been working with Angular for a while now (over 2 years), and since I moved to another...


React: How does useMemo and useCallback work ?
How does useMemo and useCallback work ? When render a component, React will process the...


Differences between .NET Collection Interfaces
If you’re anything like most new .NET developers you’ve probably seen IEnumerable<T>,...


Golang GUI Calculator
In this article you will learn, how you can build a calculator from scratch. We’ll focus on the Go...


"Googling it" is okay! - Hear Me Out 😅
Yes, I am aware that some individuals find it offensive that their years of meticulous memorization...


Holy Grail Flexbox Layout 🎃
The Holy Grail Layout is a well-known CSS issue that has had a number of remedies throughout time. If...


I Created a Programming Puzzle Game
Halloumi! I made a new puzzle game. It's a four-question pyramid quiz game. It's for all those...


10 UI and UX Principles while styling with CSS
a) Use appropriate icon set for all buttons. If you do not have proper icons, you can download it or...


Django API Generator - Free PyPI Library
Simple tool that Generates Secure APIs on top of DRF with minimum effort - Released under the MIT License on Github.


New git guidelines: We have switched to Conventional Commits
Giving teams as much autonomy as possible is a good idea, but having some company-wide guidelines can...


These 10 free APIs will take your programming projects to the next level 👇
DummyAPI From fake users to fake comments and posts. Dummy API has everything you need to make...


Javascript Proxy: Using Javascript Proxies like a Pro
Proxies are objects in Javascript which allows you to make a proxy of an object, while also defining...


EKS Security Checklist: 10 Best Practices for a Secure Cluster
Kubernetes is riddled with security challenges. Inevitably, the same goes for managed Kubernetes...


How to make a Curved Cutout to any element
In many applications, we need to have a cutout from an element for stylistic reasons. Making a cutout...


How to Set up Facebook Pixel on Shopify
What is Facebook Pixel? Facebook Pixel can be instrumental for you to better understand...


Nested Dynamic Routes in React Router v6
When I first started to develop my portfolio, I fetched GitHub Repos and ran into the issue of...


Tailwind CSS Grid System
Author: Abdullah Numan Introduction In this article we look at how to implement...


Appwrite OSS Fund Sponsors Presentator
Hi readers 👋, welcoming you back to the "Appwrite OSS Fund" series, where we celebrate open-source...


I made a premium admin dashboard for NextJS & Typescript!
Hey guys, I made a premium admin dashboard for NextJS & Typescript! Presentation:...


I Re-Wrote These 10+ Single Lines of JavaScript Code, the Team Lead Praised the Code for Being Elegant
I am the Team Lead, I praised the code. /s This post is in response to, but by no means a dig on the...


Run your README.md like a notebook in VS Code
In our ongoing efforts to make documentation more reliable and less susceptible to bit-rot, we...


Why Google Build Zanzibar ?
In this article we’ll examine Zanzibar, which is the global authorization system used at Google for...
