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 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 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 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 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
A Utility library of utility classes that extend Sets, Arrays and help work with Random Numbers.
npm install mutils_am
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 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
Allows you to make web component in a functional style that enables the creation of hooks.
npx create-funcomponent-app projectName
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
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
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
A tool for generating a Vue project with Router and the Buefy component library already configured.
npx merced-vuer projectName
A library for having basic reactive UI features in a small package.
npx merced-spinup renderblocks projectName
A Web Component Library for building reactive and styling web components.
npx create-amponent-app projectName
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
A MicroWebserver framework for building APIs and Microservices.
npx merced-spinup merver projectName
A mini React library for scaffolding Application level state in React.
npm install usedatastore
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
Library for making a full CRUD API with Mongoose and Express in one line of code
npm install mongorester
Library of custom hooks for Application Level State, binding Local/Session storage to state, and Semantic Lifecycle Hooks.
npm install merced-react-hooks
Library for assisting with using Knex and Objection to work with SQL Databases.
npm install konjection
Tool for generating a markdown blog.
npx create-markdown-blog template projectName
Framework Agnostic Hook Similar to Reacts useContext that can be used in any framework
npm install datawarp
A Library for Pattern Matching in Javascript
npm install alexmerced-patternmatcher
Server Library to SimpleRPC Framework
npm install @alexmerced/simplerpc-server