Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
react

153 Articles
{
,

}
Image
Direct link to the article React Component Tests for Humans
react testing UnexpectedJS

React Component Tests for Humans

React component tests should be interesting, straightforward, and easy for a human to build and maintain.

Yet, the current state of the testing library ecosystem is not sufficient to motivate developers to write consistent JavaScript tests for React components. Testing …

Image
Miroslav Nikolov on Feb 23, 2021 Updated on Mar 15, 2021
Image
Direct link to the article Use CSS Variables instead of React Context
react

Use CSS Variables instead of React Context

Turns out you can use several different libraries to pass color information around components. Or, you could use custom properties, built right into CSS, have no decline in your own developer experience, and deliver a faster experience to your users. …

Image
Chris Coyier on Feb 19, 2021
Image
Direct link to the article Some React Blog Posts I’ve Bookmarked and Read Lately
react

Some React Blog Posts I’ve Bookmarked and Read Lately

  • The React Hooks Announcement In Retrospect: 2 Years Later — Ryan Carniato considers hooks to be the most significant turning point in front end in the past five years, but he also says hooks have muddied the waters as well.
…
Image
Chris Coyier on Feb 5, 2021
Image
Direct link to the article 3 Approaches to Integrate React with Custom Elements
custom elements react

3 Approaches to Integrate React with Custom Elements

In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern …

Image
Caleb Williams on Jan 15, 2021
Image
Direct link to the article Theming and Theme Switching with React and styled-components
react react hooks styled components theming

Theming and Theme Switching with React and styled-components

I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they …

Image
Tapas Adhikary on Jan 7, 2021 Updated on Jun 15, 2022
Image
Direct link to the article Make Your Own Tools
DevTools forms react

Make Your Own Tools

Spencer Miskoviak on the Wealthfront blog:

By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the

…
Image
Chris Coyier on Jan 4, 2021
Image
Direct link to the article Creating UI Components in SVG
components react SVG ux vue

Creating UI Components in SVG

I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has …

Image
Sarah Drasner on Nov 23, 2020 Updated on Dec 1, 2020
Image
Direct link to the article Using Your Own Design System with KendoReact Components
KendoReact pattern libraries react

Using Your Own Design System with KendoReact Components

Maybe you’ve already heard of (or even worked with!) KendoReact. It’s popped up in some of my day-to-day conversations, especially those about working with design systems and React. You could think of it as a component library like Bootstrap …

❥ Sponsored (Written by Chris Coyier)
Image
Direct link to the article Anima 4.0: Go Straight From Design to React in the Design Handoff
anima design react

Anima 4.0: Go Straight From Design to React in the Design Handoff

Imagine this scenario: You get an email from the design team. It contains a link to a high-fidelity prototype of a React app they want you to build. You click the link and get ready to inspect the work only …

❥ Sponsored (Written by Geoff Graham)
  • Image Newer
  • 1
  • ...
  • 2
  • 3
  • 4
  • ...
  • 17
  • Older Image

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement