Hasani Rogers Blog

Join me in a place where I can talk about my experiences as a developer.

Web Components and SSR with Next.js

  Wednesday, August 7, 2024

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.

Read More

Lit and State Management with Zustand

  Sunday, July 7, 2024

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.

Read More

New Blog Design

  Wednesday, December 20, 2023

The year is almost over but I managed to sneak in a surprise before we close out 2023.

Read More

The new BEM for Custom Elements, CEA

  Thursday, September 8, 2022

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.

Read More

The MEWN Stack with Shoelace

  Sunday, April 10, 2022

Ladies and Gentlemen I present to you the MEWN stack. MongoDB, Express, Web Components, and Node.

Read More

Material Web Components: Building Forms

  Tuesday, March 2, 2021

Although a still in prerelease, Material Web Components give you powerful input controls for building awesome forms.

Read More

How to integrate Tailwind in a LitElement app

  Saturday, December 5, 2020

Integrating Tailwind in a LitElement app is really simple if you're using Snowpack.

Read More

CSS Grid Templates

  Thursday, November 26, 2020

Here's a collection of eight modern css layouts.

Read More

Using Redux with LitElement

  Tuesday, November 17, 2020

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.

Read More

All posts 14 lit 8 dark mode 1 theme 1 css variables 1 jekyll 1 travis ci 1 deploys 1 sftp 1 automation 1 algolia 1 search 1 react 1 web components 8 wrapper 1 wordpress 1 web app 1 redux 1 css 2 grid 1 flexbox 1 bem 2 responsive design 1 tailwind 1 snowpack 1 material web components 1 mwc 1 forms 1 mewn 1 shoelace 1 express.js 1 node.js 1 mongodb 1 cea 1 custom elements 1 eleventy 1 zustand 1 state management 1 next.js 1 ssr 1