Posts Tagged ‘react’

React v19 was just released with support for Web Components! React 19 adds full support for custom elements and passes all tests on Custom Elements Everywhere. In past versions, using Custom Elements in React has been difficult because React treated […]

Containing multi-site management within a single codebase covers how one can apply atomic design principles in a React codebase.

Here’s Andy Bell with a post called the (extremely) loud minority.  Always remember that although a subset of the JavaScript community can be very loud, they represent a paltry portion of the web as a whole. This means that when they say something like “Best practices […]

Web components! They’re currently at the vanguard of web development and are a reliable source of hot drama in the community. We’ve built a number of web component-powered design systems with Fortune 500 companies over the last 4 years, and […]

Now here’s an interesting article: Why We’re Breaking Up with CSS-in-JS.  I took to Twitter to spew out some thoughts, so I thought I’d capture them here. I’m fortunate in that I get to duck my head into a lot […]

Love me a good pros/cons article. This post does a great job talking about React-based headless UI frameworks that provide functionality and accessibility controls, but don’t provide any default styling (a la Material Design or Bootstrap). We’ve used a few […]

Here’s a break down how we build components with similar conventions across many different frameworks, written by my brother Ian (@frostyweather). All of these frameworks can have similar component structure, component user APIs, properties, state management, methods/functions, lifecycles, and more. […]

A JSX-based page builder for creating beautiful websites without writing code. Blocks comes with built-in components that are carefully designed and implemented with Theme UI. This looks like a step in the right direction for working with code. Some things I’d […]

Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products’ user interfaces. I see frontend design as helpful mortar that bridges the gap between design and development. Of course “frontend designer” may or may not be […]

I’m glad I’m not the only one. A longtime hero of mine in this field, Jonathan Snook, shares his struggles  learning React. He highlights a few reasons why he struggled to get his head around it: For me, I think […]

One of the best things about design systems is you can create components that have design, development, accessibility, responsive, performance, etc best practices baked right into them. By taking care of the boring stuff, users of the design system don’t […]

Good case study for building out a React-powered design system.

 I’m diving into React a lot more, and I’m specifically focused on making rock-solid, dumb presentational components that can be ingested by other applications. Part of making these components rock-solid is providing some definition and guardrails for the props […]

I had a great time talking with Chantastic on the React Podcast. Chantastic asks him about his recent experience learning React and the difficulty he found entering the realm of React. They talk about team communication, developing portable solutions, organizational therapy […]

The accessibility team lead of WordPress has resigned. In her post, Rian Rietveld explains some of the problems the accessibility team encountered as they tried to make the Gutenberg editor experience more accessible. It sounds like there were a lot of […]

React, at its core, follows Atomic Design inherently by encouraging developers to keep components as simple and as broken down as possible. From this simplicity, we can create more complex components and containers of components to create the user interfaces […]

We’re happy to announce Style Guide Guide, Gatsby Edition! You can check out the demo here. The workshop and the storefront There are lots of moving parts, tools, and environments involved in making a design systems take shape. We’ve found […]

This response to the question “Vue.js or React” is interesting and thoughtful.

Dan Abramov talks about a convention for structuring React components, which resonates with me very much. I talked about how I tend to be frustrated with a lot of the React demos, projects, and boilerplates I come across: In a […]

Related to Sarah’s post about migrating from jQuery to Vue, there was a great post a while ago about migrating from jQuery to React.

I absolutely love this article by Sarah Drasner about replacing jQuery with Vue.js. We need more articles like this. “Here’s how to replace the once-new hotness with the new hotness.” I’ve been neck-deep in React-land for a while, and I’m trying […]

In my post about struggling to learn React, I talk about how I’ve been frustrated by a lot of examples, tutorials, and projects where presentation code and business logic are all kludged together. I’d love to see projects that feature […]

I posted about my struggle to learn React, and I talked about how ES6 and React travel together, and it’s hard to untangle things. This post does a good job of dividing what convention belongs to React and what belongs […]

I recently posted about my struggle to learn React. There are a lot of personal reasons for this, which I explain in the post. But I’ve also found it frustrating that many React tutorials, projects, and boilerplates I’ve encountered are […]

Here’s a great response to my My struggle to learn React post from Andrew Ingram. He addresses each point one by one, which I find to be really helpful. Source: A response “my Struggle to learn react” – andrewingram – […]

I’m going to be honest: I’ve had a hell of a time getting my head around React. More than any other technology I’ve touched over the last 10 years of my career, I just haven’t had it click for me. […]

I love this post from Bruce. It’s an acknowledgement that things change, and in order to help others avoid the mistakes of the past you have to know which tools the industry is presently reaching for. I’m also currently in […]