Hasani Rogers
Full Stack Developer
Web Components and SSR with Next.js
One of the pitfalls of Web Components is there support for Server Side Rendering. But with a little ingenuity you can get Web Components to work with SSR frameworks like Next.js.
Lit and State Management with Zustand
Did you know what you can build entire applications with Lit and Web Components? You can. An important part of any application UI is state management. Follow along as I dive into using Zustand with Lit.
New Blog Design
The year is almost over but I managed to sneak in a surprise before we close out 2023.
The new BEM for Custom Elements, CEA
Custom Elements is an overlooked technology in the Front End world. It's time we adopt this tech to make it go mainstream. Say hi to CEA, the BEM replacement for Custom Elements.
The MEWN Stack with Shoelace
Ladies and Gentlemen I present to you the MEWN stack. MongoDB, Express, Web Components, and Node.
Material Web Components: Building Forms
Although a still in prerelease, Material Web Components give you powerful input controls for building awesome forms.
How to integrate Tailwind in a LitElement app
Integrating Tailwind in a LitElement app is really simple if you're using Snowpack.
CSS Grid Templates
Here's a collection of eight modern css layouts.
Using Redux with LitElement
I am not an expert at redux. I don't even really like it. But state management is important and there's little material out there that demonstrates Redux and LitElement in a sandbox. So here we go.
How to create a modern web app using WordPress and LitElement
In this much needed post I'll cover how I created my portfolio site as a modern web app in WordPress using LitElement.
How to use LitElement Components in React by Example
Web Components are great. They theoretically can be used with any library or framework. React takes a little bit more effort to work with Web Components however. In this post I'll use Kemet components, which are built with LitElement, in a React application by using wrappers. Although I'm using LitElement, the principals here apply to Web Components built using anything.
Search functionality with LitElement and Algolia
Adding search functionality to your site might seem like a complicated feature. With LitElement and Algolia working together however, it's pretty easy. Lets break down how to do this!
Automating Jekyll deploys through sFTP and Travis CI
I'm not a node.js developer. But, with a little bit of assistance and Javascript know-how, I successfully pulled off an automated Jekyll pipeline. Now this blog auto updates when I push to master on GitHub.
How to create Dark Mode in a LitElement App
Thanks to themes, creating a dark mode with LitElement is a lot easier than one might imagine.