Creating a Github profile search component in htmx

1

Pug

Our server application is a very simple one. We just render a simple HTML page with a form and input field to search for the user name. And we are using pug as our template engine for the express app and the body-parser library which is Node.js body parsing middleware to parse incoming request bodies in a middleware before your handlers, available under the req.body property.

#Development #Javascript UI Libraries #Tool 20 social mentions

2

ExpressJS

We are going to setup a simple Express.js application in Node for our demo. The reason being htmx is dealing with server-rendered html and we don't need any Javascript on the client side to make this work. Every piece of UI is rendered by the server, whether it is the initial full-page markup or the dynamically rendered profile component. All the HTML for the page is served from the server side.

#JavaScript Framework #Node.js Framework #Web Frameworks 425 social mentions