Nov 13Member-onlyHow I Built a Fast HTML Parser Using Regex and TypeScriptWhile 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 I needed a custom or super customizable one to fit all project needs. Unfortunately, I…Typescript10 min readTypescript10 min read
Published inBefore Semicolon·Mar 3Member-onlyHow To Create Custom Modal/Dialog in ReactModals 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 in every application you visit. As a frontend engineer, knowing how to put one together is an essential skill and super easy to do. Modal …React6 min readReact6 min read
Published inBefore Semicolon·Mar 2Member-onlyHow to Handle Modals In A Large-Scale React App — Render ManagerModals, Dialogs, Notifications, and Snackbars, are all examples of “global components” — as I call them. These are components that should be displayed at an app level and should be triggered from anywhere. I work with large-scale applications which show a lot of Modals and notifications and sometimes, we even…React5 min readReact5 min read
Published inBefore Semicolon·Feb 22Member-onlyHow To Create a JSON Database In NodeJs From ScratchIn order to teach myself my ways of working with NodeJs, Javascript, and Typescript, I have built many versions of a file-based JSON database over the years, especially when I did not want to settle on a database setup for my project. For this tutorial, I’ll show you how to…Typescript13 min readTypescript13 min read
Published inBefore Semicolon·Feb 18Member-onlyHow to Set up a TypeScript + NodeJs Server (2023)With new releases and tools, setting up a node server has become super simple and until NodeJs ships with typescript built-in, adding typescript is an essential need. I will show you the SIMPLEST setup you can have to kick off your next node project confidently. For simplicity, you can customize…Nodejs7 min readNodejs7 min read
Published inBefore Semicolon·Feb 12Member-onlyBetter Ways To Handle Data Storage on The Web ClientWhenever you mention data storage and state management on the web client, different people will provide you with different solutions. …Technology7 min readTechnology7 min read
Published inBefore Semicolon·Oct 11, 2022Member-onlyHow to Handle Data Lists in React Like a Pro — FlatList ReactOften 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 list(stack) format. The tricky things you run into allowing the user to do various common actions to this list like sorting, grouping, searching…JavaScript11 min readJavaScript11 min read
Published inJavaScript in Plain English·Jun 22, 2022Member-onlyHow to Work With Web Client StorageA better way to work with web client storage — Browsers come equipped with storage options that help you manage data on the client in order to minimize calls to the server and even provide an offline experience in your app. …Web Development7 min readWeb Development7 min read
Published inJavaScript in Plain English·Apr 11, 2022Member-only7 Functional Concepts to Master as a Web DeveloperMaster these key concepts to become a better web developer. — As web developers, we have the pleasure to experiment with various different ways to build web applications. …Web Development10 min readWeb Development10 min read
Published inBefore Semicolon·Mar 29, 2022Member-onlyHow to Create SVG Font Icon Web ComponentIf 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 to resize and color them as well as animate them which is not easy when you have the files. …Web Components6 min readWeb Components6 min read
