Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
react

136 Articles
{
,

}
Direct link to the article React Without Build Tools
build tool jsx react

React Without Build Tools

Jim Nielsen:

I think you’ll find it quite refreshing to use React A) with a JSX-like syntax, and B) without any kind of build tooling.

Refreshing indeed:…

Avatar of Chris Coyier
Chris Coyier on Mar 3, 2021
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 …

Avatar of Miroslav Nikolov
Miroslav Nikolov on Feb 23, 2021 (Updated on Feb 24, 2021)
Direct link to the article Use CSS Variables instead of React Context
react

Use CSS Variables instead of React Context

Direct Link

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. …

Avatar of Chris Coyier
Shared by Chris Coyier on Feb 19, 2021
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.
…
Avatar of Chris Coyier
Chris Coyier on Feb 5, 2021
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 …

Avatar of Caleb Williams
Caleb Williams on Jan 15, 2021
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 …

Avatar of Tapas Adhikary
Tapas Adhikary on Jan 7, 2021 (Updated on Jan 8, 2021)
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

…
Avatar of Chris Coyier
Chris Coyier on Jan 4, 2021
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 …

Avatar of Sarah Drasner
Sarah Drasner on Nov 23, 2020 (Updated on Dec 1, 2020)
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)
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)
Direct link to the article Pre-Caching Images with React Suspense
preload react react suspense

Pre-Caching Images with React Suspense

Suspense is an exciting, upcoming feature of React that will enable developers to easily allow their components to delay rendering until they’re “ready,” leading to a much smoother user experience. “Ready,” in this context, can mean a number of things. …

Avatar of Adam Rackis
Adam Rackis on Sep 21, 2020 (Updated on Nov 1, 2020)
  • 1
  • 2
  • 3
  • ...
  • 13
  • Older
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top