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 projectNameMercedElement
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 mercedelementChainElement,
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 chainelementMercedUtils
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 mercedutilsBetterTypes
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/bettertypesMutils
A Utility library of utility classes that extend Sets, Arrays and help work with Random Numbers.
npm install mutils_amBasicElement
BasicElement aims to be the simplest possible extension to HTMLElement adding react like state and props and nothing else...
npx merced-spinup basicelement projectNameComponentZoo
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 projectNameFunComponent
Allows you to make web component in a functional style that enables the creation of hooks.
npx create-funcomponent-app projectNamemBlocks
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 projectNamesuperFunc 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 projectNameMerced-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 tsMerced-Vuer
A tool for generating a Vue project with Router and the Buefy component library already configured.
npx merced-vuer projectNameRenderBlocks
A library for having basic reactive UI features in a small package.
npx merced-spinup renderblocks projectNameAMPonent
A Web Component Library for building reactive and styling web components.
npx create-amponent-app projectNameMerced-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 projectNameMerver
A MicroWebserver framework for building APIs and Microservices.
npx merced-spinup merver projectNameuseDataStore
A mini React library for scaffolding Application level state in React.
npm install usedatastoremake-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 frontendTemplatemongorester
Library for making a full CRUD API with Mongoose and Express in one line of code
npm install mongorestermerced-react-hooks
Library of custom hooks for Application Level State, binding Local/Session storage to state, and Semantic Lifecycle Hooks.
npm install merced-react-hookskonjection
Library for assisting with using Knex and Objection to work with SQL Databases.
npm install konjectioncreate-markdown-blog
Tool for generating a markdown blog.
npx create-markdown-blog template projectNameezcomponent
Web Component Based Frontend Library
npx create-ezcomponent-app projectName