React 19 + WebComponent
I'm super excited about the React 19 release for one reason: web components. Mainly because I created Markup which exposes a reactive DOM solution with a simplified Web components…
Read article →Ideas for building software that lasts.
Advanced Forms with Custom Form Elements
Many situations call for custom form elements, which can be easily created with web components. The problem is that wrapping an already-known form element does not automatically…
Read article →
Reactive Web Components Are Here
I love web components! Even better now with all the improvements they received over the last few years. However, there are still many limitations, often requiring verbose setups,…
Read article →
Signals and Effects Using Vanilla JavaScript & Web APIs
I’m a strong advocate for “you don’t need to lock yourself in a web framework ecosystem to take advantage of their amazing features”. JavaScript and Web Standards alone allow you…
Read article →
Replacing WebStorm/IntelliJ with Zed Editor
Let me introduce you to the biggest problem with IntelliJ and WebStorm IDEs I face.
Read article →
Reactive DOM — Finally!
As a web developer, if you stop to think about it, you will realize that all UI libraries and frameworks are just trying to fix the…
Read article →
Setup for a TypeScript Node NPM Package Project
I have built Dozens of NPM packages and have been changing my setup over time for all of them. It can get complex when you want something nice to code in and your package to be…
Read article →
How I Built a Fast HTML Parser Using Regex and TypeScript
While working on a side project, the need to parse HTML came up, and to save time, I tried the fastest HTML parsers I could find. After fighting and trying to hack them, I realized…
Read article →
How To Create Custom Modal/Dialog in React
Modals and Dialogs are ways you can focus users on a specific thing you want them to act upon. They are industry standard and super common…
Read article →
How to Handle Modals In A Large-Scale React App — Render Manager
Modals, Dialogs, Notifications, and Snackbars, are all examples of “global components” — as I call them. These are components that should…
Read article →
How To Create a JSON Database In NodeJs From Scratch
In order to teach myself my ways of working with NodeJs, Javascript, and Typescript, I have built many versions of a file-based JSON…
Read article →
How to Set up a TypeScript + NodeJs Server (2024)
With new releases and tools, setting up a node server has become super simple, and until NodeJs ships with typescript built-in, adding typescript will be an essential need.
Read article →
Better Ways To Handle Data Storage on The Web Client
Whenever you mention data storage and state management on the web client, different people will provide you with different solutions. From…
Read article →
How to Handle Data Lists in React Like a Pro — FlatList React
Often enough you get to deal with some set of data that you must list to the user. This can be in a dropdown, table, or standard…
Read article →
How to Create SVG Font Icon Web Component
If you ever worked with SVG icons in your web application you must understand how hard it is to work with icons. There is a constant need…
Read article →
How to Create a Theme Provider with Web Component?
A theme provider is a special component that when wrapping your application content, will provide all the details your app needs to style…
Read article →
How to Create a Customizable Web Component Button with CW
If you ever tried to implement a generic button yourself you will quickly get overwhelmed by the options and things to consider in order to…
Read article →
Here is an SEO Friendly Way to Handle Forms with Web Components
A guide on how to handle forms with web components in an SEO-friendly method.
Read article →
Introducing CWCO — The Only Web Components Solution You Need
A context-full web component library meant to simplify the way you work with native web component APIs in the browser or server.
Read article →
How to Get Started Learning Web Development?
Basic curriculum to become a web developer for free.
Read article →
5 Reasons Great Software Engineers Leave Their Jobs (2021 update)
There are a lot of tech companies that are struggling to keep their top engineers and with the pandemic, engineers are looking for new…
Read article →
In Interviews, Solving Coding Challenges May Not Matter as Much as You Think
I went to dozens of tech interviews over the years. The experience is always different but I could not help to notice a pattern that…
Read article →
JavaScript Data Structures: What Are They And Why Learn Them
You may not survive as a developer if you don't understand how to structure data and write algorithms that collect, analyze, and…
Read article →
Graph Data Structure Implementation in JavaScript
Everything about Graph Data Structure with JavaScript
Read article →
10 HTML Semantic Tags and When To Use Them
Everything you need from the section tag to the header tag
Read article →
Introduction to the Tree Data Structure in JavaScript
Everything about the tree data structure in JavaScript.
Read article →
10 Things Experienced Developers Know Well
Any developer aspires to be good. Unfortunately, a lot of them fail or get stuck in a specific level of their careers. If you ask any…
Read article →
An Introduction to the Set Data Structure in JavaScript
Everything about the set data structure in JavaScript.
Read article →
Map/Dictionary Data Structure in JavaScript
Everything about the Map Data Structure in Javascript
Read article →
Queue Data Structure in Javascript
Everything about Queue Data Structure in Javascript
Read article →
Queue in Javascript — Priority, and Circular Queue
As you may have seen in the previous article, there are some limitations and things that can be improved about Queue. Sometimes you also…
Read article →
How the Stack Data Structure Works in JavaScript
Everything about the stack data structure in JavaScript.
Read article →
An Introduction to the Linked List Data Structure in JavaScript
Everything about the linked list data structure in JavaScript.
Read article →
Linked List in JavaScript: How to Create Circular and Reversed Lists
Let’s learn how to create a circular linked list along with how to reverse a linked list in JavaScript.
Read article →
Linked List in JavaScript: How to Create Double and Sorted Lists
Let’s continue our adventure through the linked list world by learning how to create double and sorted linked lists.
Read article →
A Guide to the Array Data Structure in JavaScript
Everything about the array data structure in JavaScript.
Read article →
Array Data Structure in Javascript — Search, Sort, Filter, Map, & Reduce
Everything about Array Data Structure in Javascript
Read article →
How to Solve any Programming Problem
As humans, we solve problems all the time and as developers, it is no different. Problem-solving-focused courses are not very popular or common and a lot of developers tend to…
Read article →
6 Ways to Create Objects in Javascript — Intro to Object & Prototype
Javascript is made of primitives and objects. Perhaps, Javascript objects are one of the most famous and unique objects in the developer…
Read article →
How to Work with Date in Plain Javascript — No Libraries Needed
Javascript Date object is not very well-loved in the community. It is something Javascript adopted from Java but both grew in different…
Read article →
50 HTML Best Practices & Guidelines to Build Better Web Projects
I have shared different 50 lists of best practices for CSS and Javascript and is part of beforesemicolon to do so. This is a compiled list…
Read article →
25 More JavaScript Code Solutions You Need To Know About
You can read about part one of 25 Javascript tricks in another article where you can find equally awesome code solution snippets to improve your codebase with and learn more about…
Read article →
10 Javascript Design Patterns To Improve Your Code With
There are common patterns you can use in Javascript that will improve your code substantially. These are techniques to simplify and better…
Read article →
10 CSS Tricks You Need to Know About (Part 2)
Continuing our series on CSS tricks where you should probably read about the first one, I have collected more tricks that have the…
Read article →
10 Expensive React App Mistakes to Avoid
I have helped build massive react apps with hundreds of components, a lot of states to manage, complicated data relationships, endless…
Read article →
How to Properly Build Components for React or Any Other Library/Framework
The problem with Javascript frameworks component building is that a lot of developers that use do not approach the application from a…
Read article →
10 CSS Tricks You Need to Know About
I started to share 25 Javascript tricks and solutions you need to know about which were well received so I decided to share some CSS…
Read article →
50 CSS Best Practices & Guidelines to Write Better CSS
I recently wrote about 15 CSS things to master to become a better web developer and then realized that writing CSS requires so much more…
Read article →
5 Growing Web Related Technologies to Invest in for the Future
The webspace has been growing, so has Javascript and its community. Although I feel that things are slowing down on the Javascript and…
Read article →
10 HTML things to Master as an Experienced Web Developer
It is easy to just underestimate HTML as a simple thing to learn but there is more to HTML than you think if your intention is to learn it…
Read article →
How to Deliver a Software or Web Application Into Production
I have worked for different companies which allowed me to experience different strategies when it comes to take an idea and release it to…
Read article →
15 CSS Things to Master and Become a Better Web Developer
“CSS is not easy “ is probably one of the biggest complaints in the web development community. I strongly believe that CSS requires…
Read article →![Featured image for “Is M1 Mac Worthy or Good for Developers? [Developer Review]”](/assets/blog/is-m1-mac-worthy-or-good-for-developers-developer-review/cover-1600.jpg)
Is M1 Mac Worthy or Good for Developers? [Developer Review]
I decided to purchase the new Apple M1 MacBook for development purposes. My current macs work great but I was sold on the long battery…
Read article →
10 NodeJs Things You Should Know & Master to be a Pro
NodeJs is a beast on its own, not considering the Javascript side of things. From patterns, best practices, and strategies to work on the…
Read article →
25 JavaScript Tricks You Need To Know About
Including some useful bits of code and utilities
Read article →
50 JavaScript Best Practice Rules to Write Better Code
50 things I learned about coding in JavaScript you should know about to write better code.
Read article →
10 Things that Damages a Developer’s Career
The good thing about being a developer is you can code from whatever age to whatever age. The bad thing is you may not reach the position…
Read article →
10 Things to Master About Javascript Before You Call Yourself a Pro
Javascript has changed a lot over the years and has become one of the most popular languages out there. It is mine and lots of developers…
Read article →
Frontend vs Backend, Where Should I Focus as a Web Developer?
As a web developer you can focus your work either on the front or the backend of the application but, it requires you to have reliable…
Read article →
How to be a Good Junior on Your First Job and Succeed…
We all have been there as the junior developer on the first job. The getting used to the office, trying to fit in and not mess things up.
Read article →
10 things to master as Frontend developer (with learning sources)
Being or becoming a FrontEnd Developer is not easy due to the amount of things you need to learn; the noise of frameworks/library options…
Read article →
UI and CSS libraries, when does it make sense to use them?
Bootstrap, TailwindCSS, Material UI are all examples of tools created to help you put together UI quickly and efficiently, but should you…
Read article →