JavaScriptKicks

Thursday May 22nd

47 views

How to Share Angular Code Between Projects?

Let’s look at the best practices for sharing Angular code between projects, including using module libraries, code organ...

Wednesday May 7th

109 views

Top 5 Techniques to Protect Web Apps from Unauthorized JavaScript Execution

This article will describe five techniques for safeguarding your app against unauthorized JavaScript executions.

Tuesday April 29th

84 views

React Hooks vs. Redux in 2024

State management is important for any modern front-end application using a JavaScript framework or library like React. T...

Wednesday April 16th

259 views

Ideas for making TypeScript better at testing types

In this blog post, we examine how we can test types in TypeScript: First, we look at the library asserttt and the CLI to...

110 views

Effortless Delete Functionality with Server Actions in Next.js 15

Learn to implement smooth product deletion using server actions and path revalidation in Next.js 15 - no client JS neede...

104 views

The CSS shape() function

Shapes are an important aspect of graphic design.

Tuesday April 15th

229 views

Deploying TypeScript: recent advances and possible future directions

In this blog post we look at: The current best practice for deploying library packages: .js, .js.map, .d.ts, .d.ts.map, ...

129 views

Measuring JavaScript Performance: The Metrics That Actually Matter

As a performance engineer at a major e-commerce platform, I spent years chasing the wrong metrics. We optimized our Java...

119 views

React Lifecycle Methods

React components go through a lifecycle - from creation, updates, to removal. Understanding these lifecycle phases helps...

117 views

Next Level CSS Styling for Cursors

Custom cursors with CSS are great, but we can take things to the next level with JavaScript. Using JavaScript, we can tr...

99 views

Understanding Redux and Its Role in React

Redux is a predictable state management library often used with JavaScript applications, including React. It helps manag...

82 views

React.js AI Chat with OpenAI API

Build a simple AI chat app using React.js on Next.js and the OpenAI API ...

Friday April 11th

270 views

Could JavaScript have synchronous `await`?

In JavaScript, code has color: It is either synchronous or asynchronous. In this blog post, we explore the problems caus...

168 views

What’s New in React 19?

This blog delves into React 19, a significant milestone for front-end developers. The beta version of React 19 was relea...

120 views

I Built an API From Scratch - Here's How I Did It (and You Can Too)

But when I challenged myself to build one from scratch, I realized - it's far more doable than it looks. In this post, I...

120 views

Tailwind's @apply Feature is Better Than it Sounds

Most of the time, people showcase Tailwind's @apply feature with one of Tailwind's single-property utilities (which chan...

110 views

TypeScript Union Types: The Silent Bug That's Breaking Your Code!

TypeScript is a real deal when it comes to types because this powerful JavaScript-based language allows you to catch mos...

95 views

Mastering default values in JavaScript with the nullish coalescing (??) operator - Matt Smith

The nullish coalescing operator (??) provides a simple way to handle null or undefined values in JavaScript. It's a must...

89 views

Scale Your Project with Layered React Structure

Learn how to scale your React project using Layered React Structure (LRS). Take your app from small-time to enterprise g...

Wednesday April 9th

147 views

Top 5 Game Changing GitHub Repos That Will Help In Your Coding Interview

LeetCode, system design, behavioral rounds there's just so much to cover! But don't worry, I've got your back. I've hand...

137 views

React Testing Essentials: A Practical Guide to Jest and Vitest with RTL

Master the fundamentals of testing React applications with detailed examples, best practices, and a clear comparison of ...

135 views

How to Build a Searchable Dropdown with Fetch API and JSON Data

Improving the user experience in a web application requires a search function that is easy to use. This article will dem...

116 views

Better typography with text-wrap pretty

Support for text-wrap: pretty just shipped in Safari Technology Preview, bringing an unprecedented level of polish to ty...

102 views

Building a Fully-Featured 3D World in the Browser with Blender and Three.js

Go behind the scenes of an immersive 3D museum built with Blender and Three.js, and explore the creative process, techni...

Monday April 7th

193 views

Saturday April 5th

134 views

How to Create an Employee Directory with the React MultiColumn ComboBox

We’ll show you how to display multiple pieces of information in a single dropdown list. This tool is ideal for HR depart...