Rethinking State Management - Why XState is a Game-Changer for Developers

8 min read

Explore the potential of XState in modern application development. This insightful article digs into the practical applications and benefits of XState, offering a compelling argument for its use in managing state scenarios in React, Angular, and others. Join a front-end architect on a journey through the reasons for choosing XState, and discover why it's becoming an indispensable tool for developers seeking robust, scalable, and maintainable solutions

The Dark Side of Design Systems - Mistakes, Missteps, and Lessons Learned

15 min read

This article talks about the challenges and lessons in creating design systems in tech. The writer, a Tech Lead, shares their own mistakes and what they learned from them. They also discuss how these lessons connect to big events happening around the world. This article is helpful for tech workers who want to understand the tricky parts of design systems.

List Your Way to Team Leading - A Frontend Team Guide - Part 2

5 min read

Continue your journey in mastering frontend team leadership with Part 2 of our guide. Explore managerial relationships, product interactions, and QA collaboration. Learn from real-world examples and elevate your team's performance.

List Your Way to Team Leading - A Frontend Team Guide - Part 1

11 min read

Unlock the secrets to effective frontend team leadership with this comprehensive guide. Dive into communication strategies, time management, and team dynamics. This is Part 1 of a two-part series that offers real-world insights and actionable tips for tech leads

Choosing the Right Tool for Building and Bundling JavaScript Applications

2 min read

This article is a developer's notes on scaffolding a small project using Parcel, a web application bundler. The author walks through the steps of creating a source-controlled repository, adding standard files, and integrating Parcel into the project.

A Guide to Effective Code Reviews

9 min read

Code reviews are more than just approval - they ensure quality and identify potential issues. The practical framework provided in the article is a helpful guide for developers to follow when reviewing code, from understanding the requirements to reviewing the code itself.

Create a Node.js command-line library with NRWL NX workspace

11 min read

A practical guide to developing Node.js-based command line project leveraging NRWL NX workspaces, Commander, and automatic deployment to NPM or GitHub packages using Semantic release conventions.

Handy tips when working on CLI library during development

3 min read

Handy tips when developing a Node.js command line library using environment variables to store secrets, how to manage the locally during development, or pass them to scripts in GitHub actions.

How to deploy automatically to NPM and Github packages from NRWL NX workspace

6 min read

A step-by-step guide on deploying to NPM or GitHub packages automatically from a NRWL NX workspaces using Semantic release conventions.

How to use private GitHub packages in your repository and with Github Actions

3 min read

In this article we learn how to deploy private Github packages. I also share many how-to guides, like how-to handle failure to install due to insufficient permissions, how to leverage the .npmrc file, how-to run npm operations inside GitHub Actions, such as npm install and npm ci, and more.

The role of code review in the overall development process

Conducting code reviews as part of the daily routines makes your code better, reduces the chances of escaped bugs, regressions, silly mistakes, or undesired flows that weren't part of the product requirements. Some people swear by code reviews, while others see them as unnecessary headaches. By fine-tuning the process, you can balance the process to improve code quality and deliveries while minimizing the overall process burden. Although very popular, code reviews are only part of a development process and don't stand independently. This article covers the whole development flow, where code review is part of that flow.

How can a team concur mountain hills together

Working with talented teammates lets you climb higher mountains faster and better. When each person does his best, assuming his best is being overall successful, everyone shines. In a healthy team, when you appreciate someone, you focus your energy on your responsibilities and let him take care of his/her responsibilities. This is my take on what makes a team tick.

Know how much money you have across all your accounts and shape your future with a personalized budget

You finally decided to determine how much money you have, and take advantage of #technology to make sure you don't get into overdraft by planning a #udget - Great! What is the first step needed to plan a budget? In this post, I discuss reasons to start budgeting and provide some tips that might help with that.

How to isolate component styles in React using CSS modules

React is a library for building front-end applications by building encapsulated components and composing them into a complex user interface. As a component manages its own state, DOM structure, behaviors and user interactivity, one can assume that it also manages its own styles. Yet once landing in the browser at runtime, the styles of all the components are added to the same place on the page level and affect all, so style collision is inevitable. Read this post to discover one possible solution named CSS module and how it efficiently prevents the class name collision.

Understanding RxJS - Learn From Examples - Part 1

Many articles are discussing RxJS, and this is yet another one addressing beginners and even moderate level developers that want to understand the core concepts. The post was written based on a session I did at my workplace as we are using RxJS intensively to handle complex asynchronous use-cases efficiently.

Building A Solid Frontend Application Stack That Works For You

There are countless ways to design a new frontend application. You have to consider the product requirements, non-functional requirements, and assumptions based on your previous experience. You also need to dig deep and ask tough questions so you would not be surprised later down the road. In this post, I share the result of the process we did, and the decisions we took for the product we are currently developing, an interactive and extendible video editor.

14 Questions Every Developer Should Ask Themselves Before Setting Up A New Frontend Project

I love the fresh feeling of setting up a brand-new development project from scratch. But beware… some of the decisions you make now are going to affect your execution and deliverables down the line.