Skip to main content

Huement - Blog & News Aggregator

Latest Article

Modern React Based Shopify Storefront - Server side NextJS rendering and Reduced Motion support for mobile

Part 1 - Core React Concepts

This article explores how a modern React + Next.js storefront leverages the newest React patterns and architecture to deliver an interactive, accessible, animation-rich ecommerce experience. Instead of discussing React in theory, we examine real production components:

  • Root Layout
  • Product Grid
  • Quick View Modal

Each demonstrates modern React concepts including JSX, client/server boundaries, hooks, component composition, portals, context, animation orchestration, and accessibility-driven UI design. Before we dive in, lets take a minute to make sure we are all on the same page. React officially shifted its focus from Class components to Functional components on February 6, 2019, with the release of React 16.8.

Functional Components

Modern React shifted the paradigm from Class Components (which act like blueprints for objects) to Functional Components (which act like pure JavaScript functions). This isn't just a syntax prefer...

Crowd-Sourced Queries | Your overall experience using AI

Welcome to the early release of Crowd-Sourced Queries. It is one of the coolest and most exciting things Huement is doing. What are Crowd-Sourced Queries? They are asking the general public a bunch of questions and then displaying the results, with some nice graphs (when appropriate. we dont want graphs just popping off).

We’ve all done it, the Question & Answer, the ole conversational back and forth. We like to keep it informal, form based, and nice packaged component. By giving out a simple link, such as this one: https://huement.com/interview/take/E3UB12 someone can quickly and easily answer a few questions. Quick, easy, just like, well, you know, forms.

https://huement.sfo3.digitaloceanspaces.com/blog_images/interview-form.png

The questions come in a few types, traditiona...

SITEMAP MENU