In my previous post I was writing about using Redux with React for the state management. This blog...

Managing state with React Context 

Before diving into code, let`s first briefly discuss what the heck is Oauth?           What is Oauth:...

Setting up Social Logins(Google + Microsoft) with Node.js and Passport.js

By nature, APIs are meant to be used. Even if all of your users are internal, security problems can s...

API Security Best Practices

Update: After some requests from some of you I also added some ways for you to style your console out...

There`s more than just console.log()....other useful ways to use the console in javascript

This post was originally published at https://www.devaradise.com/react-example-projects  Learning Rea...

21 React Example Projects to Learn From (Open-source, Beginner-Intermediate Level)

Cuando se empieza en el mundo del DDD, una de las primeras cosas que se aprende es la diferencia entre Entidades y Value Objects. Unos tienen identificadores y…

CodelyTV on LinkedIn: #domaindrivendesign #dddesign #ddd #aggregates

The web has evolved significantly over the years, and one of the most exciting advancements is the...

🌐 Understanding Shadow DOM and Web Components in JavaScript

In the world of web development, efficient communication between different parts of an application is...

Stop Using LocalStorage: Discover the Power of BroadcastChannel

JavaScript, a versatile and ever-evolving language, has seen significant improvements with the...

Understanding the Difference Between Spread and Rest Operators in JavaScript

Normal Developers: Wait Caching I know what`s that, just saving information locally.  I mean you are...

Deep Dive into Caching: Techniques for High-Performance Web Apps

Continuing our quest into trending design patterns for front-end developers, we follow up our first...

Design Pattern #3 - Observer Pattern

Let’s continue our quest on learning new the trending design patterns for front-end developers....

Design Pattern #2 - Facade Pattern

This is probably the most clickbaity title I’ve come up with, but I feel like an article about one...

I tried React Compiler today, and guess what... 😉

JavaScript closures are a powerful yet sometimes misunderstood concept in JavaScript programming....

Mastering JavaScript Closures: A Comprehensive Guide

Learn how to implement debouncing in JavaScript with practical examples and tips. Master the debounce...

Comprehensive Guide to Debouncing in JavaScript: Improve Your Code Efficiency

I’m excited to be starting a new series where we’ll dive a bit into some of the trending design...

Design Pattern #1 - Singleton for frontend developers

Welcome to our curated collection of JavaScript tricks, which will help you optimize your code, make...

30 JavaScript Tricky Hacks

Hi everyone! I hope you’re doing good. This article will explore an interesting Javascript topic....

Async vs Defer in JavaScript: Which is Better?🤔

What if we could write React code without having to deal with memoization and issues with multiple...

React Compiler: Everything You Need to Know

🔑 Key Concepts   What are reusable React components? You can think of them as building...

Writing clean, reusable components in React (best practices)

Table of Contents    Introduction Tech Stack Features Setting Up the Next.js...

Next.js 14 Booking App with Live Data Scraping using Scraping Browser

Introduction   Generative AI has been a hot topic in tech over the past year. Everyone is...

How to Use Google Gemini with Node.js

Utilize the Rust-powered backend framework paired with a React frontend to offer an awesome...

Goodbye Electron. Hello Tauri!

I`m sure you can imagine the importance of versioning code, so that we can revert changes and recover...

Everything you need to know about GIT

Just started with object-oriented programming and feeling a bit lost about SOLID? No worries, in this...

SOLID Principles: They`re Rock-Solid for Good Reason!

👉 Based on the "Advanced React" book, Chapter 5: https://www.advanced-react.comThe fifth episode of the "Advanced React" course. The course will be uploaded...

Mastering memoization in React - Advanced React course, Episode 5

The internet has many treasures inside it.But many of you don’t know them.  Here are 10 resourceful...

10 Websites To Learn Anything For Free On The Internet

There is a reason why the first time you learn about a reactive system the example always looks...

Derivations in Reactivity

This article shows how to create a real-time search functionality using debouncing in your react app where the search results update in…

How to create a real-time search using debounce in react.js

A Comprehensive Explanation of Fundamental Concepts in JavaScript Code Execution

Javascript Runtime: JS Engine, Event Loop, Call Stack, Execution Contexts, Heap, and Queues

Learn how to utilize the web browser’s local storage functionality in your web application.

Using Browser Local Storage With JavaScript: The Complete Guide

Hype wave, pragmatic evidence vs the need to move fast

The Architecture of a Modern Startup

React Native has seen a great market adoption since its inception and has come a long way in terms of creating super fast and performant…

How to Improve React Native Performance

So I have been into web dev for about 3 years now and professionally for more than a year, This was...

Optimizing SQL Queries by 23x!!!

What is clean code?   That`s a really controversial question and i`d like to say there are...

10 rules to help you write cleaner js code

Starting a new project is like setting sail on an adventure—full of excitement and challenges for...

11 free and fun APIs you must use in your side project

Greetings, fellow code warriors! ⚔️ The JavaScript landscape is constantly evolving, and with the...

ECMAScript 2023: Fresh Goodies for JavaScript Developers

In today`s dynamic world of software development, staying up-to-date with the latest tools,...

19 GitHub Repositories Every Developer Should Bookmark 📚👍

Ever tried to use Docker volumes for hot-reloading in your web app? If you had the same horrible...

Say Goodbye to Docker Volumes 👋

Author: David Herbert          Introduction   The most challenging aspect of developing...

5 Common useState Mistakes React Devs Make

Author: Peter O.          Introduction   In this article, we will explore what HTMX is and...

HTMX - Exploring The Capabilities

TL;DR   "Reactsgiving" is upon us 👨‍🌾  I have harvested the finest React components you can...

✨11 React Components to Become a Pro 🦃🍁 🥧

TL;DR   In this article, I’ll give you the ultimate Python libraries for any Machine...

🙌Top 10 🐍 Python libraries for any ML projects 🚀

Introduction   The web developer community strives to create websites that capture the...

10 Useful Chrome Extensions for Web Developers

JavaScript, a language that has been consistently evolving, introduced a powerful feature in its ES6...

How to use Generators in JavaScript

The release of ECMAScript 2015, popularly known as ES6 was a defining moment in JavaScript`s recent...

ES6 Features You Didn`t Know You Needed: A JavaScript Guide for Beginners

Author: Peter Osah          Introduction:   React developers can save time and effort by...

React Design Patterns

In today`s fast-paced world, there`s a vast array of productivity tools at our disposal, designed to...

17 Essential Tools to Boost Your Productivity 🚀🔥

As a developer who went through a bootcamp a few years ago, I can tell you the number one subject...

🕵️ 6 Top-Secret Open-Source Projects You Didn`t Know About 🤔

TL;DR   Today, you will learn about the world of open-source observability. In this guide,...

💨 How to know what`s going on in your cloud 🌥️⚡️

This is crucial to understand! Online materials can often be incorrect.  Very short but meaty...

4 Laws of RxJS Observables

TL;DR   The world of web development can be overwhelming with so many tools and resources...

24 Best Resources 🎨 For Web Developers 💻 [HTML + CSS + JavaScript] 😱

Edit 2: Lots of insightful comments at the bottom, do give them a read, too, before going with any...

JSON is Slower. Here Are Its 4 Faster Alternatives

TL;DR   This article lists 6 top projects for simplifying the deployment and building...

⤴️ Top 6 projects for building scalable cloud-based applications 🚀

Hooks have revolutionized the way developers build React applications, offering a more intuitive and...

React Performance Booster - Introduction to the useMemo hook

Become a better developer   I`ve curated a list of 17 GitHub repositories you should know as...

🎉 17 Javascript repositories to become the best developer in the world 🌍

TL;DR   Monitoring can be complex, especially given the number of available tools and the...

🔥 Top 6 monitoring tools to become a better developer 🤯 🤯

In the world of JavaScript, design patterns are your secret weapon to crafting efficient, organized,...

Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency

Hello Guys, My name is Md Taqui Imam i am a Full Stack developer And in Today post i will tell you...

🤓 The Top 10 JavaScript Tricks for Cleaner Code

Splice, slice, pop and shift. Is the array sort method stable and not in-place? It`s not easy to...

The 20 Most Common Use Cases for JavaScript Arrays

Explore these nine repositories to stand out in different areas of software development. Go from...

Accelerate Your Career 👩🏻‍💻 by Contributing to these 9 Repositories 🔥

As React celebrates its 11th anniversary in 2024, it’s worth looking ahead to the exciting...

React Ecosystem in 2024

In the bustling world of tech, it`s easy to get caught up in the hype around the biggest names....

⚡⚡ 7 Open Source Repositories That Will Make You 90% Smarter 😎

Brain.js   Brain.js is a JavaScript library used to create neural networks that is very easy...

Brain.js for Beginners

A search engine is a software system that finds web pages that match a web search.   Search engines...

7 Open-Source Search Engines for your Enterprise and Startups you MUST know.

As you become more proficient at coding in React, performance will become a

Caching in React – How to Use the useMemo and useCallback Hooks

Introduction   Writing clean code is a fundamental skill for every software developer. Clean...

Writing Clean Code: Best Practices and Principles

When working on a project together, Git is a crucial tool that help teams collaborate smoothly. One...

Better Git Commits with `@commitlint`

Are you familiar with the Unix philosophy and how to create better scripts? In this comprehensive...

Linux filters - How to streamline text like a boss

TL;DR   Novu`s team encountered a significant bug affecting date calculations in their CI/CD...

We had a date bug that happened two times a year, and we didn`t know, you might have it too 😱

Comparte tu localhost con cualquiera en segundos.

In the realm of modern web development, several acronyms are frequently thrown around—SSR, CSR, ISR,...

Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide

Introduction    Well, we all start somewhere to start learning JavaScript, I wish this kind...

Javascript Essentials 🧑‍💻

The other day I needed a digital clock-component, so I quickly composed a simple...

Clocks & Countdowns: Timing in CSS and JavaScript

Most web applications need a sign-up and login feature. But for newbies, this can be challenging....

How to build a full-stack authentication app

One of my current talks focuses on Observability in general and Distributed Tracing in particular,...

Send your logs to Loki

Python has become an indispensable tool for both Data Engineers and Data Scientists due to its...

Python Cheat Sheet for Data Engineers and Data Scientists!

Welcome to this blog post, where we`re about to unravel the power and versatility of JavaScript...

Iterate Like a Pro: Mastering JavaScript Iterators for Effortless Code

In the age of burgeoning data complexity and high-dimensional information, traditional databases...

WTF Is a Vector Database: A Beginner`s Guide!

This article was originally written by Giridhar Talla on the Honeybadger Developer...

Complete Guide to Authentication in JavaScript

Introduction   Have you ever wondered how the one-time password screens on an app or webpage...

Create a passcode component from scratch in React

TL;DR   What is SST ?   SST is an IaC framework built on the AWS CDK, it allows you to...

Deploy a NEXT.js app for FREE on AWS with SST

What is a Live Region? Live Regions, Browsers, and Screen Readers The Code            What is a Live...

Live Regions in React

WebSockets implement a full-duplex, bi-directional, TCP-based protocol, denoted by ws(s)://, which...

WebSockets 101

In our dynamic realm of web development, JavaScript has long been the go-to language of choice. Its...

Converting JavaScript codebase to TypeScript

TL;DR   In this article we`ll look at 5 libraries that can positively impact your React...

5 React Libraries to Level Up your Projects in 2023

Welcome to Part 4 of our series on "React best practices in 2023"! In this part, we will explore...

Part 4: Writing Clean and Efficient React Code- Best Practices and Optimization Techniques

Today, Web application user interfaces have many elements that make them appealing to users....

Best Animation Libraries For React🎉

Author: Deborah Emeni           TDD vs BDD   Software testing is critical in the software development...

TDD vs BDD - A Detailed Guide

Original article: https://aralroca.com/blog/default-composer  When working with objects in...

👋 Say Goodbye to Spread Operator: Use Default Composer

The code examples I`m giving is using Angular but it`s only a very low amount of code to illustrate...

How to detect unnecessary renderings of DOM elements in your web app to improve performance

If you`re a web developer, buckle up because the web platform has landed some game-changing new...

21 Mind-Blowing Web Features You Probably Haven`t Heard Of

Introduction   Monitoring plays a crucial role in ensuring the performance, availability,...

Getting Started: Monitoring a FastAPI App with Grafana and Prometheus - A Step-by-Step Guide

Hugging Face is a platform and community that focuses on making artificial intelligence and data...

Deploy Hugging Face Models on Serverless GPU

In this blog post, we`ll explore the seamless integration of JWT authentication with React and...

JWT Authentication in React with react-router

TL;DR   In this article, we`ll look at how you can host your side project for free in 2023....

How to host your side-projects for free in 2023: from Auth to Database

Welcome to Part 3 of our "React Best Practices in 2023" series! In this part, we will explore the...

Part 3: Component Structure - Building Reusable and Maintainable Components in React!

Whether you`re a seasoned developer looking for ways to refine your coding style or a beginner eager...

Write better code by following these JavaScript best practices

After excessive procrastination, I decided to improve my developer portfolio by building real-world...

How I built an event ticketing system with Next.js and Firebase

TypeScript is an outstanding tool to make our lives easier &amp; avoiding bugs, yet sometimes feels...

7 Secret TypeScript Tricks Pros Use 😎🤫

Image by storyset on Freepik           Introduction   It is not enough for the code to work. This is...

Todos los Posts

Managing state with React Context

Setting up Social Logins(Google + Microsoft) with Node.js and Passport.js

API Security Best Practices

There`s more than just console.log()....other useful ways to use the console in javascript

21 React Example Projects to Learn From (Open-source, Beginner-Intermediate Level)