Syntackle - A software development blog covering news, topics & tutorials related to the web, javascript, jamstack, serverless, developer tools, AI and much more.
With the release of version 19.2, a new hook named `useEffectEvent` was introduced in React. As the name suggests, it is for the "events" defined inside `useEffect`. But what exactly is an "Event" and how does it affect the "Effect"? That's what I intend to discuss here in this post. [...]
Recently, typescript started giving me an error "Cannot find module or type declarations for side-effect import" every time I load a CSS file or a font file in the entry module of a framework such as Astro(Vite)/Nextjs. The interesting part is, I did not even change the typescript version of my project. It seemed like it was using some other version of typescript. [...]
A quick fix for the vertical overscroll "bounce" effect for the page is to apply overscroll-behavior-y: none; to the body element. The CSS property overscroll-behavior defines what the browser will do once it reaches the end of the scroll area both vertically (Y-axes) and horizontally (X-axes). overscroll-behavior can be broken down into overscroll-behavior-x and overscroll-behavior-y properties, allowing developers to control the X and Y scroll separately. [...]
With the introduction of the new Responses API (which is an upgraded version of the Chat Completions API), OpenAI plans to sunset the Assistants API with effect from 26th August, 2026. The Chat Completions API will still be supported, but OpenAI recommends to use the new Responses API for all upcoming projects. [...]
Deciding which tools to use while building a React web application is subjective, but in this post, I will propose a minimum set of tools needed to build a simple React application. This post will help you to build and get the React application up and running in just a few minutes. [...]
The usage of AI, especially in the software industry, has increased a lot lately, but everything has a downside — and that, is, excess. Excess of anything is bad, and that includes the use of AI. "Vibe Coding" is a term coined by Andrej Karpathy, and in this post, I explore the downsides of vibe coding and how to balance it. [...]
SQL Server is not natively supported on macOS and thus, there is only one option to use it on macOS, and that is via Docker. In this tutorial, I will setup and configure SQL Server database on macOS via Docker, demonstrate how to connect to the database, and also show how to backup and restore the DB. [...]
On June 24, 2025, the team behind Vite — the most beloved build tool for frontend applications — announced v7.0 which brings huge changes to the build tool. Vite team introduced "Vite+" (a superset of Vite) in Amsterdam ViteConf on October 13, 2025. Here are 3 major changes which come with Vite 7.0. [...]
In this guide, I am sharing five of the best places to learn React. Doesn't matter if you are a newbie in React or advancing your journey as a React developer, these resources will help you at every step of your React journey. I wish I came across these resources while I was new to React. [...]
There's no way in macOS to show the complete list of all menu bar icons when the space is exhausted and the icons overflow. What happens is the latter icons are hidden behind the notch (if your mac has one) or behind the menu bar items of the currently open application. It's as if someone applied overflow: hidden to the menu bar icons container. That's where Ice — an open source, free macOS application by Jordan Baird comes into action. [...]