Before Semicolon

12/05/2024

This is Markup. A reactive templating system based on functions and template literals that requires no build

12/09/2023

Anouncing Markup 🎊🍾🎉

A fast, small, and simple HTML Templating System for client and server javascript environment.

A plug-and-play powerful tool to build UI like a pro with subscription based state management, reactive template, and a small learning curve.

https://markup.beforesemicolon.com

HTML Templating System by Before Semicolon

11/19/2023

Learn how a simple HTML parser can be built using

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…

03/07/2023

Working With JS Date Like a Pro

Allow me to show a simple class abstraction on the Javascript Date object that will teach you everything you need to know about it.



Follow: Before Semicolon

Javascript Date object is not very well-loved in the community. It is something Javascript adopted from Java but both grew in different…

03/04/2023

Client Data Handling Like a PRO

Allow me to introduce you to client-web-storage

I created this package to handle all things client data with easy.

- Works with any UI framework (React, Angular, Vue, etc)

- One API to work with IndexedDB, LocalStorage, WebSQL and in Memory data

- Schema based and automatically validates your data and handles default values for you

- Allows side effects with data change interception, abort, and subscription

- Super easy to set up and use

- Can be used for global state management like Redux or NgRx

- Allows you to move all your data logic, API requests, and other data concerns

- and more

Check it out: https://buff.ly/3J9JhXH

Let me know what you think



#

03/03/2023

Learn how to create your own custom modular modal/dialog from scratch

Check Link in bio or click
Link: https://medium.com/before-semicolon/how-to-create-custom-modal-dialog-in-react-108b83e5a501

03/02/2023

Modal Manager

Stop rendering your modals directly inside a component and trigger them from anywhere in the app

Learn How to Create One in the Link in Bio

02/18/2023

Simplest Node + Typescript Setup

Kick start a node server project

https://link.medium.com/5heNNNfWvxb

With new releases and tools, setting up a node server has become super simple and until NodeJs ships with typescript built-in, adding…

12/02/2022

Introducing CWCO

The Simpler way to create Web Components

✅ No Build Required
✅ Works along any framework: React, Angular, Vue, Svelte, Lit, etc
✅ Very close to Vanilla Javascript
✅ Deep state watch
✅ Built-in context
✅ Powerful directives

A context-full web component library meant to simplify the way you work with native web component APIs in the browser or server.

12/01/2022

JavaScript Data Structures

Such an essential knowledge for a frontend to master. It comes handy every time.

https://buff.ly/3XJBJAh

You may not survive as a developer if you don't understand how to structure data and write algorithms that collect, analyze, and…

10/12/2022

https://itnext.io/how-to-handle-data-lists-in-react-like-a-pro-flatlist-react-c5a82183d5b4

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…

07/02/2022

https://youtu.be/efazHouvy8Q

A quick demo on how to handle data and API communications in your app with a total separation of concern between UI, STORE, and APISOURCE CODE: https://githu...