A Practical Guide to Scaling Frontend Experiences - Part 1
9 min read
Discover how Kaltura developers evolved from building a simple chat feature to managing dozens of independent frontend experiences. This practical guide explores strategies for scaling frontend features, from working with a single application to managing complex multi-app architectures.
- architecturereactprogramming
The Key Questions Every Modern Frontend Framework Should Answer
7 min read
Discover the essential questions that a modern frontend framework must answer to enable developers to build scalable, flexible features across applications. Learn how to handle cross-framework compatibility, runtime consumption, versioning, and more.
- listsfrontend
Why You Should TRUST Frameworks (And What It Takes to Build One From Scratch)
10 min read
Discover how modern frameworks are designed to help developers focus on building features instead of being bogged down by frontend DevOps. Explore key insights on building a framework from scratch, maintaining long-term compatibility, and ensuring smooth migrations.
- listsfrontendarchitecturelearning
Playing the Long Game in Frontend Development - Key Takeaways
3 min read
Uncover actionable insights and strategies for successful frontend development, distilled from the experience of leading two transformative projects. Learn how to prioritize solid foundations, embrace iterative progress, and foster collaboration to achieve your long-term goals.
- architecturereactproductivityprogramming
Playing the Long Game in Frontend Development - Reflections on Balancing Ambition and Execution
4 min read
Discover the art of balancing ambitious long-term goals with the demands of daily frontend development. This article shares insights from leading two major projects at Kaltura, offering practical strategies for achieving success while navigating legacy code, building new platforms, and fostering collaboration.
- architecturereactproductivityprogramming
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
- beginnersjavascriptreacttutorial
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.
- webdevjavascriptreacttutorial
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.
- leadershipmanagementproductivityculture
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
- leadershipmanagementproductivityculture
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.
- CLITypescriptGuide
Create a Node.js command-line library with Parcel
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.
- CLITypescriptGuide
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.
- ProductivityProgrammingGuide
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.
- CLITypescriptES ModulesGuide
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.
- CLI
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.
- CLI
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.
- CLI
How to turn off the browser automatic page translations
How to open the Waze with navigation to your business from your website
How to open a whatsapp direct chat from your website
17 tools that will help you write CLI packages, and few more tips
Diagram - Releasing a version to QA
In this post, I lay out a version release flow to QA. at a very high level.
- Architecture
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.
- Leadership
Solving Storybook runtime issue with "Object prototype may only be an Object or null: undefined"
After upgrading dependencies in my React project to resolve 8,200 vulnerabilities in our project (that was free of vulnerabilities only 3 months ago), storybook fails to open with the following error \`Object prototype may only be an Object or null: undefined\`
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.
- Leadership
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.
Upgrade multiple dependencies at the same time
Use library `npm-check-updates` to perform a bulk update of scoped libraries at the same time.
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.
- Frontend
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.
- Frontend
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.
- Architecture
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.
- FrontendArchitecture