1 Backend, 5 Frontends - Todo List with Rails, React, Angular, Vue, Svelte, and jQuery
A tutorial building a single Rails backend API for a todo list, then creating frontends with React, Angular, Vue, Svelte, and jQuery to compare frameworks.
Alex Merced — Developer and technical writer sharing in-depth insights on data engineering, Apache Iceberg, data lakehouse architectures, Python tooling, and modern analytics platforms, with a strong focus on practical, hands-on learning.
388 articles from this blog
A tutorial building a single Rails backend API for a todo list, then creating frontends with React, Angular, Vue, Svelte, and jQuery to compare frameworks.
A tutorial on Konjection, a helper library built on Knex and Objection.js to simplify database operations and model creation in Node.js.
A tutorial on creating and deploying a Ruby on Rails API to Heroku, covering setup, database configuration, and deployment steps.
A tutorial on setting up and implementing many-to-many relationships in Ruby on Rails using a practical example with Investors and Companies.
Introduces merced-react-hooks, a library offering custom React hooks for state management, localStorage, and lifecycle to reduce boilerplate.
A tutorial on using StencilJS to create reusable web components that work across different JavaScript frameworks like React and Angular.
Introducing Mongorester, a library to generate a full CRUD Express/MongoDB API with a single line of code, similar to Rails scaffolding.
Introduces make-fullstack-app, an NPX tool for quickly scaffolding full-stack projects with various backend and frontend framework combinations.
A concise reference guide for Ruby on Rails developers covering CLI commands, Bundler, Active Record types, and model/route macros.
A guide to understanding and fixing CORS errors in Express.js, including whitelist configuration and middleware setup.
Introduces mutils, a JavaScript library that extends Array and Set classes to add useful utility methods for array manipulation.
A guide to creating microservices with Merver, a lightweight Node.js web framework built on core HTTP libraries.
A guide to using the useDataStore library for managing global state in React applications, similar to Redux.
Introduces create-react-loaded, a React template tool with Sass, Router, global state, custom hooks, and pre-made components for faster development.
A guide to JavaScript's tricky but essential array callback methods like map, filter, and reduce, with links to in-depth video tutorials.
A collection of React.js code snippets and quick tips for building projects, shared as images from social media.
A beginner's guide to setting up a web server using Express.js, covering installation, basic server setup, and routing.
A beginner's tutorial on the Svelte JavaScript framework, covering basics like variables, props, and component structure.
Announcing new and updated project templates for the merced-spinup tool, including React, Vue, Express, and CLI setups.
A beginner's guide to TypeScript fundamentals, covering basic typing, interfaces, and enums with practical examples.