Building a Twitter clone app in htmx

• express-ws

  1 859 0.0 JavaScript

  WebSocket endpoints for express applications

For our express backend, we can make use of the npm package express-ws to listen to WebSocket endpoints for Express applications. It lets you define WebSocket endpoints like any other type of route, and applies regular Express middleware.

• htmx-twitter-clone

  1 33 1.8 JavaScript

  Twitter clone in htmx

This is our full and final server code for our demo application. The code is hosted in Github and the live demo can be seen here.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Jade

  38 21,527 0.0 JavaScript

  Pug – robust, elegant, feature rich template engine for Node.js

  

pug is the template engine for our express app and body-parser is used to get the form-submitted values in our request body.

• htmx

  565 32,443 9.6 JavaScript

  </> htmx - high power tools for HTML

  

In this post, we are going to build a Twitter clone demo application using htmx. Before diving into the tutorial, let me tell you the background story about why I decided to build this app using htmx.

• hotwire-rails

  98 960 3.2 Ruby

  Discontinued Use Hotwire in your Ruby on Rails app

  

It all started with this blog post on A List Apart by Matt E. Patterson called The Future of Web Software Is HTML-over-WebSockets. In this article Matt talks about the advantages of sending HTML over the wire via AJAX requests or Web Sockets and the performance benefits they offer and he mentions tools and libraries like Hotwire, StimulusReflex and so on.

• Express

  673 63,725 7.6 JavaScript

  Fast, unopinionated, minimalist web framework for node.

  

Let's get started setting up our project boilerplate. We are going to build an Express.js application for the server.

• stimulus_reflex

  45 2,199 7.5 Ruby

  Build reactive applications with the Rails tooling you already know and love.

  

It all started with this blog post on A List Apart by Matt E. Patterson called The Future of Web Software Is HTML-over-WebSockets. In this article Matt talks about the advantages of sending HTML over the wire via AJAX requests or Web Sockets and the performance benefits they offer and he mentions tools and libraries like Hotwire, StimulusReflex and so on.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project