Before Semicolon

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

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

Markup HTML Templating System by Before Semicolon

Learn how a simple HTML parser can be built using

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…

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

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…

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



#

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

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

Simplest Node + Typescript Setup

Kick start a node server project

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

How to Setup 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…

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

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.

JavaScript Data Structures

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

https://buff.ly/3XJBJAh

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…

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

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…

https://youtu.be/efazHouvy8Q

How to handle client side data and storage with server API communication when building web apps 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...