GAZAR

I've been shipping React apps for over a decade, leading teams and wrestling with slow UIs more times than I care to admit. React 19 (and the concurrent features that came before it) changed how I approach performance: instead of micro-optimizing every render, I try to design for responsiveness and progressive loading. Below are the practical lessons I use on projects today, things I learned the hard way and keep teaching in PersiaJS meetups and on NoghteVorood.

I've used Kotter’s 8-step change model more times than I can count — for large platform rewrites, for changing our release process, and even when growing meetups in the Persian tech community. It’s not a silver bullet, but it gives a simple, human-hearted structure to what otherwise becomes a chaotic “do-it-because-I-said-so” project. Below I’ll walk through each step with real examples, the mistakes I made, and practical things you can do right away.

AI is shaking things up in the world of software development, making coding faster, easier, and more efficient. Developers now have access to powerful AI tools that help with everything from writing code to debugging and testing. In this article, I'll share my experiences with AI-powered tools and explore how they are making life easier for developers while shaping the future of software engineering.

The shift to a remote-first world has fundamentally altered how engineering teams operate. Having navigated these changes as an engineering manager, I’ve encountered challenges and opportunities that require a unique approach to leadership, communication, and collaboration. This article shares insights and practical strategies based on my experience.

In modern web development, edge rendering is gaining momentum due to its ability to deliver lightning-fast experiences by bringing server-side logic closer to the user. Having recently implemented edge rendering using Next.js and Cloudflare Workers, I want to share my experience and provide a practical guide with TypeScript examples.

Blockchain technology has emerged as a transformative force across industries, and one of its most promising applications is in Identity and Access Management (IAM). With decentralized frameworks, blockchain enhances security, privacy, and user control, addressing the limitations of traditional IAM systems.

In the world of digital product development, consistency and scalability are key. The Atlassian Design System offers a robust framework that ensures a unified experience across all Atlassian products, from Jira to Confluence. By defining a collection of reusable components and clear standards, this design system enables designers and developers to build cohesive interfaces with a consistent look and feel. Let’s dive into the core elements of the Atlassian Design System and explore how it fosters collaboration, efficiency, and accessibility across teams.

If you’re still using npm for your project, you might want to consider giving pnpm a try. It’s a package manager that’s been getting a lot of attention, and for good reason. Here’s why pnpm might be a better fit for your development workflow:

In today's fast-paced web development landscape, scalability and modularity are crucial for managing large applications. One of the most effective approaches to achieving this is through the use of Single-SPA (Single Single-Page Application) and microfrontends. This article will explore how to leverage these technologies to build a scalable web application and provide a practical guide on using a custom script to manage your microfrontends.

When it comes to software development, writing high-quality code is a must. Following good coding principles can make your code more robust, scalable, and easy to maintain. Here are ten key coding principles to keep in mind as you write your next masterpiece.

The release candidate for Next.js 15 introduces a variety of new features and improvements aimed at enhancing developer experience, performance, and flexibility. Here's a detailed look at the key updates:

In the realm of software engineering, the journey from conceptualization to deployment is a carefully orchestrated process that involves multiple stages and stakeholders. Let's delve into the intricacies of this journey, from the inception of an idea in the backlog to the triumphant release of a polished product.

In the world of engineering, success is akin to the motion of a flywheel—starting slow but gaining momentum with each turn. The Flywheel Strategy encapsulates this journey, emphasizing the importance of working in a cyclical manner to achieve leadership. Let's explore how this strategy guides engineers through eight iterative steps towards leadership excellence.

gRPC utilizes HTTP/2, a binary protocol, which offers significant performance benefits over the text-based protocols like HTTP/1.1 used by Websockets. This results in lower latency and higher throughput, making gRPC ideal for demanding real-time applications.

In the realm of web development, efficiency and simplicity are paramount. As projects grow in complexity, managing paths to various files and routes can become a daunting task. Enter vite.config, a powerful tool that streamlines path management and enhances developer productivity. With the ability to reduce redundant path declarations and simplify configuration, vite.config has become a game-changer for teams seeking to optimize their development workflow.

In the fast-paced and competitive field of software engineering, securing the right job requires a strategic approach and thorough preparation. From crafting the perfect resume to acing interviews, each step in the process plays a crucial role in determining your success. Let's break down the journey into actionable steps to help you navigate the software engineering job search effectively:

Hey there, fellow designers! Ever feel like you're wandering through a jungle of engineering jargon? Fear not! Recently, at the awesome DesignWich School, we had a blast at the "Designers to Know Engineering World Talk," where we decoded the mysteries of the engineering realm. Let's dive into the juicy bits of this enlightening session.

In this article, we'll explore how to write Storybook stories for button components using TypeScript. Storybook is a powerful tool for developing UI components in isolation, and writing stories allows us to showcase and test these components in various states.

If you've been keeping up with the latest in the React world, you're in for a treat. We've got some exciting news to share about the upcoming React 19 release, and trust us, it's going to change the game for developers everywhere.

With the release of React 18, TypeScript developers are poised to unlock a new realm of possibilities in building dynamic and performant web applications. This groundbreaking update introduces a suite of powerful features designed to streamline development workflows, enhance user experiences, and optimize performance. From automatic batching to suspenseful loading states, React 18 empowers developers to harness the full potential of TypeScript in crafting responsive and resilient applications. In this article, we'll delve into the exciting new features of React 18, exploring their implementation in TypeScript and showcasing how they elevate the development landscape.

React focus trap is a technique used to confine keyboard focus within a specific area of the DOM, typically within a modal or popover. By trapping focus, it prevents users from accidentally tabbing out of the interactive element, improving accessibility and usability.

In TypeScript React applications, implementing infinite scroll functionality enhances user experience by dynamically loading content as the user scrolls down the page. React provides a straightforward way to achieve infinite scroll behavior using event listeners and state management. Implementing a React infinite scroll ensures smoother navigation and faster loading times, making it a valuable feature for applications with large datasets. Let's explore how to implement a React infinite scroll with examples to illustrate its usage and benefits.

React error boundaries are special components that catch errors that occur during rendering, in lifecycle methods, and in constructors of the whole component tree below them. They are used to encapsulate components that may throw errors and prevent those errors from propagating up the component tree, thus preventing the entire application from crashing.

React refs are objects created using the React.createRef() method, allowing developers to reference DOM elements or React components. Refs provide a way to access and manipulate DOM elements directly, such as focusing an input or measuring its dimensions.

React lazy loading is a technique used to defer the loading of components until they are needed, typically during navigation or user interaction. This helps reduce the initial bundle size and improves the loading time of the application. Lazy loading is particularly useful for large applications with complex routing and multiple views.

React portals enable rendering children components into a DOM node that is outside the parent component's DOM hierarchy. This allows developers to render content outside the usual flow of the DOM, making it useful for scenarios like modals, tooltips, and popovers.

In this technical article, we'll explore how to use Bull.js, a powerful Node.js library for handling queues and background jobs, with TypeScript. We'll cover everything you need to know to implement queues effectively, from installation and basic usage to more advanced features. Throughout the article, we'll provide TypeScript examples to demonstrate each concept and ensure type safety in your codebase.

Task scheduling is a critical aspect of many Node.js applications, allowing developers to automate repetitive tasks, process background jobs, and manage asynchronous operations effectively. In this comprehensive guide, we'll explore how to implement task scheduling in Node.js using AgendaJS, a powerful job scheduling library built on top of MongoDB. We'll cover the installation process, basic usage, advanced features, and best practices for integrating AgendaJS into your Node.js projects.

Event-driven programming is a programming paradigm where the flow of the program is determined by events such as user actions, system notifications, or messages from other parts of the application. In an event-driven architecture, components of the application communicate by emitting and listening for events. When an event occurs, the appropriate event handler is invoked to handle the event.

Before we begin, make sure you have Node.js and npm installed on your machine. Create a new directory for your project and initialize a new TypeScript.

Sessions play a vital role in web applications, allowing servers to maintain stateful interactions with clients across multiple HTTP requests. In this technical article, we'll explore how to store and manage sessions in a TypeScript server, covering various strategies and best practices. We'll discuss session storage options, session management techniques, and provide code examples using TypeScript to illustrate implementation details.

GraphQL has become a popular choice for building APIs due to its flexibility and efficiency in data retrieval. In interviews for GraphQL-related roles, candidates are often tested on their understanding of key concepts and their ability to implement solutions using GraphQL. In this article, we'll explore 20 common GraphQL interview questions along with code examples to help you prepare effectively.

TypeScript has become a cornerstone of modern JavaScript development, offering enhanced type safety and maintainability. Publishing TypeScript packages to npm allows developers to share their code with the wider community. In this technical article, we'll walk through the process of publishing a TypeScript package to npm, covering everything from project setup to publishing, empowering developers to contribute their TypeScript creations to the ecosystem.

When working with React's useState hook, it's common to encounter issues with state updates within window event listeners. In this article, we'll explore three methods to address this problem and understand their inner workings.

Starting a web project with a client involves a systematic approach that ensures clarity, collaboration, and successful outcomes. From understanding business requirements to deploying the final product, each step requires careful planning, communication, and execution. Let’s dive into the essential phases of initiating a web project with a client.

In recent years, GraphQL has gained immense popularity as a query language for APIs due to its flexibility and efficiency. Apollo Server is a GraphQL server implementation that simplifies the process of building GraphQL APIs, while Prisma offers a powerful ORM (Object-Relational Mapping) for database interactions. When combined with TypeScript, these tools provide a robust foundation for building scalable and type-safe GraphQL servers. In this article, we'll explore how to integrate Apollo Server with Prisma using TypeScript to create a GraphQL API.

I have a fairly complicated hooks here

Are you curious about building decentralized applications (dApps) on the Ethereum blockchain? Look no further! In this guide, we'll take a relaxed approach to understanding Web3.js, the JavaScript library that makes interacting with Ethereum smart contracts a breeze. With detailed examples and a casual tone, you'll be well on your way to becoming a blockchain developer extraordinaire!

In today's fast-paced and competitive business landscape, organizations constantly strive to enhance efficiency, minimize defects, and optimize processes to meet customer demands. In pursuit of operational excellence, many turn to methodologies like Six Sigma DMAIC (Define, Measure, Analyze, Improve, Control) as a systematic approach to achieve sustainable improvements. Developed by Motorola in the 1980s and popularized by companies like General Electric, Six Sigma DMAIC has become a cornerstone in the realm of process improvement.

In the realm of strategic decision-making, one tool that has profoundly impacted my approach is SWOT (Strengths, Weaknesses, Opportunities, Threats) analysis. However, it wasn't until I integrated risk analysis into this framework that I truly grasped the depth of strategic planning. In this article, I share my journey of adopting SWOT Risk Analysis, highlighting its significance through real-world experiences.

In the pursuit of problem-solving and innovative thinking, critical thinking emerges as a paramount methodology. While it may seem improbable to think that there could be superior methods of thinking, the diversity of individual cognition necessitates acknowledgment that different approaches can expedite our path to solutions.

Hey tech aficionados! Ever wondered how your favorite applications handle the traffic surge without breaking a sweat? It's all about the art of scaling – specifically, the dynamic duo of horizontal and vertical scaling. Buckle up as we explore these strategies and decode the jargon behind optimizing your system's performance.

Yo, ever heard of the Software Peter Principle? It's like when your coding genius buddy gets promoted to a higher-level gig, but suddenly, they're drowning in a sea of code they're not quite the captain of. Let's dive into this tech-side workplace drama, see how it messes with our digital kingdom, and figure out how to keep the code vibes strong.

OpenAI has introduced a promising beta feature known as Assistants, which revolves around the concept of creating an assistant with specific characteristics to perform certain tasks. The idea is compelling, but how exactly can one create an AI Assistant? Allow me to guide you through the process based on my exploration of OpenAI's documentation.

Becoming a tech lead is a natural progression for a developer with a keen interest in transitioning to a leadership role. The insights from 'The Manager's Path' have significantly influenced the understanding of this multifaceted role, which extends beyond technical proficiency to encompass leadership capabilities, decision-making skills, project management expertise, and a commitment to continuous improvement.

In the ever-evolving landscape of software development, junior developers represent the untapped potential that can drive innovation and progress within a team. The process of finding and hiring them is just the beginning – a carefully designed onboarding plan is essential to guide them, mentor them, and foster their growth. Let's delve into a detailed programmatic approach for welcoming junior developers into a frontend team, ensuring they become valuable contributors while feeling supported and integrated into the team dynamics.

I wanted to explore Postman features, and here's a post on all the little things you can do with Postman. There are tons of features, and they are still developing new ones, so let's dig in.

OpenAI's APIs have been a topic of much discussion, leaving me curious about the opportunities they present, their functionalities, and associated costs. Upon delving into their documentation, I found the initial setup to be straightforward. To begin, you can install the OpenAI package with the following npm commands:

NestJS has gained popularity among developers for its opinionated approach to backend development. Compared to other frameworks, NestJS builds on top of Express or Fastify and introduces a structured architecture inspired by Angular. This article will guide you through the process of setting up a basic NestJS project and creating a JSON endpoint, highlighting the opinionated nature of the framework.

I recently presented at MelbJS, where Kevin Yank from CultureAmp shared insights into StorybookJS and their experience at CultureAmp. A fascinating concept emerged - Storybook Driven Development (SDD), where frontend developers are increasingly favoring Storybook for component development.

Addressing the performance concerns of my Remix.js website became a priority following an initial Web Vitals analysis, revealing a somewhat sluggish Largest Contentful Paint (LCP) at 5.68 seconds. The culprit was identified as a series of requests sent to my backend powered by Strapi.js. To swiftly tackle this issue, I delved into caching strategies, primarily focusing on HTTP caching.

In the ever-evolving landscape of web development, the combination of cutting-edge tools can often result in groundbreaking solutions. One such exciting synergy is the integration of Remix, the dynamic web framework, with Vite, a next-generation build tool. This article explores the seamless marriage of Remix and Vite, unlocking unparalleled performance and configurability for web developers.

In the ongoing pursuit of personal and professional development, one of the paramount aspects that I have found myself deeply engrossed in is the exploration and clarification of the concept of being "active." The nuanced understanding of what it truly means to be active extends beyond the physical realm, permeating various facets of life, work, and personal journeys.

As you read this website, know that it was crafted using RemixJS. But what's the backstory? Originally, I constructed it with NextJS versions 13.5 and later 14, incorporating all the new, magical features that NextJS had introduced. However, the desire to push boundaries led me to explore RemixJS. What better way to delve into it than by rebuilding the same website and making a comparison?

I had the exhilarating opportunity to deliver a presentation titled "Do You Believe in Magic? Time to Move to Remix" at the MelbJS and React Melbourne Meeting. The event, brimming with anticipation, took place on the vibrant evening of Wednesday, December 13th, 2023. My enthusiasm was palpable as I delved into the intriguing realm of magic in the context of programming. Throughout the talk, I endeavored to unravel the concept of magic and its parallel existence in code. Specifically, I explored how we can leverage RemixJS to elevate our coding experiences and embrace a more dynamic and efficient future. The audience was invited to reconsider the enchantment of programming, and I was thrilled to share insights on how RemixJS contributes to this magical journey.

Imagine running a team like tending to a garden – each team member a unique plant, needing just the right conditions to flourish. It's a bit like expecting a daisy seed to bloom in the freezing cold of Norway – not happening. But toss that same seed in the sunny vibes of Australia, and bam! Magic. That's the deal with people too, you know? They thrive in specific cultural climates.

Let's dive into the enchanting world of programming where things work like magic. You know, that feeling when you write some code, hit run, and voila! It works like a charm. But, wait, is it really magic, or can we unravel the mystery behind it? Today, we're demystifying the magic of Next.js and Remix.

Hey there, engineering leaders! Leading a team of talented engineers is no easy feat, but it’s also an exhilarating dance of inspiration, innovation, and excellence. In this article, we’re going to groove to the beat of engineering leadership and explore some killer strategies to inspire your teams, rock innovation, and make excellence your signature move.

Planning plays a pivotal role in navigating the complex journey of life. Consider, for a moment, the intricacies of your daily routine. Are you contemplating a significant move or embarking on a new endeavor? Have you documented your aspirations in a tangible format, be it a tablet, laptop, or a traditional notebook? Without a concrete plan, it becomes challenging to assert that you are truly charting a course toward your objectives.

Ever felt like you're playing a never-ending game of Follow the Leader? Maybe it's your boss, coach, or that seasoned pro you look up to. You're soaking in their wisdom, mimicking their moves, and life's all good until it's not. One day, reality hits – why aren't your results as snazzy as the blueprint you've been tracing?

Alright, let's kick back and dive a bit deeper into the wild rollercoaster that is the journey from tech guru to the guy calling the shots. I've been in the IT circus for a whopping 16 years, starting when I was practically a kid at 17. Worked on more websites than I can count, shuffled through different clients and companies, learned more programming languages than I have fingers, and now, here I am, playing the leadership game in product-focused companies with bigger teams than I ever thought I'd handle.

In the intricate choreography of team dynamics, an undeniable truth emerges—negativity, with its stealthy and insidious nature, tends to spread more rapidly than its optimistic counterpart. Like a clandestine force, it weaves its way through the fabric of workplace interactions, often thriving in the shadows of unspoken grievances.

Let's dive deep into the heartbeat of our squads, where each pulse is as unique as a fingerprint. You know, the beauty lies in our differences, in the kaleidoscope of personalities, backgrounds, and working styles that come together to create the magic we call 'team.' So, grab a virtual cuppa, settle in, and let's talk about why our diversity is not just a buzzword—it's the essence of our success.

Alright, let's dive even deeper into this whole demand and market game, but in a chatty way:

Hey friends! Let's have a heart-to-heart about something that's been on my radar lately – the whole accountability and responsibility gig in the world of leadership. Recently had a lightbulb moment on this, and I thought, why not break it down for you? Maybe it'll be a nugget of wisdom for your own leadership adventure.

It's so tempting to fall into the negativity trap, especially when confidence takes a nosedive. When you're not feeling on top of the world, it's almost too easy to gripe about everything, right? Blaming the universe for where you were born, how you were born, and which family you were born into—it's like an automatic reflex.

Hey folks! Let's dive into the rollercoaster ride of success, where failures often pave the way to something awesome. Ever had an idea that struck gold on day one? Nah, didn't think so. Because usually, success is a journey, not a sprint, and it involves a bit of trial and error.

how do you give feedback to someone? as simple as it is to just read the feedbacks from other team members, it's one of the most critical steps to manage/lead a team.

Have you ever savored the taste of crabs, indulging in the unique flavors that seafood enthusiasts rave about? It's a culinary experience that, much like trying new things, can open your palate to a world of possibilities. The question then arises: how often do you find yourself embracing the unfamiliar?

Managing a change in a team, especially when it involves a shift in leadership, requires a thoughtful and considerate approach. This transition becomes crucial, considering that the relationship between an employee and their manager significantly influences job satisfaction and, consequently, retention.

Unlocking the True Essence of 1-1 Conversations with Your Team:

Leadership is a multifaceted concept that extends beyond mere authority or a hierarchical position. It is a dynamic interaction between individuals and the environment, shaped by a combination of experience, decision-making prowess, and the capacity to inspire trust. While many people express an interest in leading, true leadership, as you rightly point out, is seldom forced; it's earned through a blend of competence, authenticity, and the ability to navigate diverse challenges.

Have you ever pondered the intricacies of leading leaders, those individuals who are already at the forefront, driving decisions, and steering the course? It's a unique challenge that demands a distinctive approach. These leaders are decision-makers, renowned for their intelligence and wisdom. To lead them effectively, your role shifts from directing their actions to illuminating the path ahead, thereby empowering them to flourish.

In the heart of one of the world's most enduring and tragic conflicts, what would it take to bring about resolution? The Israeli-Palestinian conflict, a hotbed of tensions and disputes that has persisted for nearly a century, demands not just attention but a carefully crafted strategy to forge a path toward peace.

In 2021, Steven Bartlett, the CEO and co-founder of the globally renowned Social Chain, captivated audiences with his book, "The Diary of a CEO: The 33 Laws of Business and Life." This engaging piece of literature provides an intimate look into the mind of a modern-day entrepreneur, unveiling the pivotal moments, insights, and principles that have shaped Bartlett's remarkable career in business and personal development.

In the ever-evolving world of software development, one often encounters a multitude of methodologies, from Agile and Scrum to Waterfall. It's not every day that you stumble upon a book that claims to offer a software development process that defies these conventional categorizations. "Shape Up: Stop Running in Circles and Ship Work that Matters" by Ryan Singer and Jason Fried does just that, presenting a methodology employed by Basecamp that challenges the status quo.

Recently, I delved into the book "Work Smarter, Live Better: The Science-Based Work-Life Balance and Stress Management Toolkit" by Joe Robinson. While at first glance, it may seem like a familiar topic, the insights within are far from cliché. As I immersed myself in its pages, I unearthed a treasure trove of wisdom that challenges prevailing notions about workaholism, productivity, and the delicate balance between our professional and personal lives.

In a world characterized by global complexities and power dynamics, the book "The End of the World Is Just the Beginning: Mapping the Collapse of Globalization" by Peter Zeihan offers a thought-provoking lens through which we can examine the immense significance and challenges of leadership on a grand scale. This literary journey not only fascinates but also underscores the pivotal role of influential nations, such as the United States, in shaping global events.

In a dynamic and diverse company environment, the art of resource allocation can be a complex puzzle, often leading to missed opportunities. There are instances where we find ourselves assigning challenging projects to individuals with relatively lesser skills while relegating simpler tasks to those with greater expertise. But what underpins this seemingly illogical approach? The culprit, more often than not, is the rigid structural framework that governs resource allocation within organizations.

Have you ever found yourself questioning the need for intricate systems, extensive monitoring, and a never-ending stream of reports to manage tasks and processes effectively? It's a dilemma that many of us encounter. Allow me to provide a thought-provoking perspective from Tokyo, Japan.

In the quest to inspire others, there's a fundamental truth that's often overlooked – in order to inspire, you must first build a life worth being inspired by. It may sound simple, but it's a crucial starting point. You might be the person who doesn't want to be inspirational, or you might aspire to inspire but feel like you lack something to offer. Regardless of your starting point, the journey begins with the transformation of your life.

In an ever-evolving digital landscape, I made a strategic decision to transition from the widely-used Medium platform to my own self-hosted website, Gazar.dev. This move was driven by a series of compelling reasons, each rooted in the pursuit of a more fruitful and flexible content creation journey.

Are you looking to take your front-end development abilities to the next level? Are you eager to stay ahead of the curve and create visually stunning, highly interactive websites? If so, it’s time to explore the world of advanced CSS and embrace this versatile language's latest techniques and features. With the rapid evolution of web technologies, mastering the art of CSS is essential for creating exceptional user experiences and ensuring your websites stand out in today’s competitive digital landscape.

I teach web, service anything JavaScript, and TypeScript related to many students through online courses and individually.

Shabnam and I had an opportunity to present in WebDirection Code. Thanks to Mecca, the company I am working at, We could showcase what Engineering has done over the past years at this conference.

Frontend development has taken off like a rocket in recent years, with new technologies and frameworks constantly reshaping the landscape. As a developer seeking ways to push the boundaries of performance and safety, I stumbled upon Rust, a language renowned for its system-level programming prowess. Join me on a casual exploration of Rust’s impact on frontend development, as I delve into the fascinating world of WebAssembly and beyond.

I have been using GitHub CoPilot for some time now and I think I need it because it makes me a better engineer.

Leadership comes with different techniques, you need to do certain things to be successful in leading your team.

It seems like a good time to talk about FrontEnd and performance, you have been given a task to dig into the performance of your website and make it better. What would you do?

One concept that helps you lead, is knowing this, Mount Stupid. As a community leader, you want to know how to behave with different people and know the truth behind people’s reactions.

I had not imagined teaching before, even though I had some experiences back in the day. This article is to share my practice of teaching. You might be someone wanting to start your own path, recording videos, placing them out there, and getting students, in programming or you want to be a mentor, I guess this article benefits you to have a solid strategy.

You are an Engineer possibly a senior/lead role in a company and you have been there for some time. HR department usually plans something for newcomers as an onboarding process but after they join and pass those, they have to understand the code and everything. Do you have a plan in your company for them?

Detecting texts from the image can be really important to developers, like reading a receipt, bill or any other paper. The client will upload an image or take it with their cameras, and we need to understand and act based on that.

This is an article to review Svelte in detail, I know it is not as popular as React, but I was thinking why not, let's see what it is.

A friend of mine asked me how can I stop my users from downloading my videos directly, and I said okay, let me explain it to you :) and this post is what I found out and what it can be done.

Since I have started to write more about Machine Learning, I decided to investigate and clarify what is the big future and wider view of Machine Learning.

Let’s talk about tools, and which one is better than AWS.