Alex Merced - Software Developer

My Libraries

MercedUI

This is my main Front-End UI library built around the Web Component API with tools to create reactive components, local and global state management, tools for forms, capturing element props and url queries, and component routing.

npx create-mercedui-app projectName

MercedElement

MercedElement is a class to create WebComponents which is at the core of the MercedUI library, this library only includes MercedElement for those who don't need the other bells and whistles.

npm install mercedelement

ChainElement,

ChainElement is a web component class that creates reactive components but also passes url queries and global data to its components at render. This is a standalone library, this class IS NOT part of the MercedUI library.

npm install chainelement

MercedUtils

MercedUtils is a library that add several useful tools and functions to the array prototype. If you prefer these functions not be added to the array prototype use the Bettertypes or mUtils library as an alternative.

npm install mercedutils

BetterTypes

BetterTypes offers many of the same utilities that MercedUtils does but does through new classes vs adding functions to the array and string prototypes.

npm install @alexmerced/bettertypes

Mutils

A Utility library of utility classes that extend Sets, Arrays and help work with Random Numbers.

npm install mutils_am

BasicElement

BasicElement aims to be the simplest possible extension to HTMLElement adding react like state and props and nothing else...

npx merced-spinup basicelement projectName

ComponentZoo

ComponentZoo aims to house all the HTMLElement extended classes from all my other libraries and more including a Router Component, StyleWrapper Component (think styled components), and FormWrapper (FormTool as a Component).

npx merced-spinup componentzoo projectName

FunComponent

Allows you to make web component in a functional style that enables the creation of hooks.

npx create-funcomponent-app projectName

mBlocks

A class based front-end UI library for creating components without the web-component api or other tooling like Babel or JSX.

npx merced-spinup mblocks projectName

superFunc UI

A function based front-end UI library for creating components without the web-component api or other tooling like Babel or JSX.

npx merced-spinup superfunc projectName

Merced-Reactor

A tool for quickly generating lightweight react projects, think of it as a slimmer create-react-app.

npx merced-reactor projectName js or npx merced-reactor projectName ts

Merced-Vuer

A tool for generating a Vue project with Router and the Buefy component library already configured.

npx merced-vuer projectName

RenderBlocks

A library for having basic reactive UI features in a small package.

npx merced-spinup renderblocks projectName

AMPonent

A Web Component Library for building reactive and styling web components.

npx create-amponent-app projectName

Merced-Spinup

A tool for spinning up a projects in several different backend and frontend frameworks, read the docs to see the full list of templates.

npx merced-spinup templateName projectName

Merver

A MicroWebserver framework for building APIs and Microservices.

npx merced-spinup merver projectName

useDataStore

A mini React library for scaffolding Application level state in React.

npm install usedatastore

make-fullstack-app

Tool for scaffolding a fullstack NodeJS application using a variety of frontend and backend applications with ease. Read the documentation for full list of templates.

npx make-fullstack-app backendTemplate frontendTemplate

mongorester

Library for making a full CRUD API with Mongoose and Express in one line of code

npm install mongorester

merced-react-hooks

Library of custom hooks for Application Level State, binding Local/Session storage to state, and Semantic Lifecycle Hooks.

npm install merced-react-hooks

konjection

Library for assisting with using Knex and Objection to work with SQL Databases.

npm install konjection

create-markdown-blog

Tool for generating a markdown blog.

npx create-markdown-blog template projectName

ezcomponent

Web Component Based Frontend Library

npx create-ezcomponent-app projectName