JavaScriptKicks

Thursday May 29th

52 views

Easily Create Interactive Floor Planner Diagrams Using JavaScript Diagram Library

Syncfusion Javascript Diagram is a powerful and versatile library that allows designers to create interactive and visual...

Thursday May 22nd

63 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

117 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

96 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

272 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...

117 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...

114 views

The CSS shape() function

Shapes are an important aspect of graphic design.

Tuesday April 15th

242 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, ...

134 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...

131 views

React Lifecycle Methods

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

129 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...

111 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...

88 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

285 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...

175 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...

131 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...

127 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...

115 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...

104 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...

94 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

155 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...

144 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 ...

141 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...

125 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...

112 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

198 views