Changelog: DEV has Some Stories for You
The author details integrating and reviving Storybook for DEV's design system, enabling component development and deployment via Netlify.
The author details integrating and reviving Storybook for DEV's design system, enabling component development and deployment via Netlify.
A technical guide on creating animated sparkle effects for text and images in React, including planning, animation, and accessibility.
A guide on abstracting React component logic into reusable custom hooks to reduce code duplication and improve maintainability.
Explains how to implement computed properties (derived state) in React using useState and sorting examples.
A guide on how to derive state from props in React function components, including code examples for initializing and updating state.
A tutorial on managing JavaScript arrays in React state, covering common operations like adding, updating, and removing items.
Learn how to use GraphQL to programmatically create pages and manage data in your Gatsby.js projects.
Extends a React useReducer finite state machine to handle infinite contextual data, similar to XState's context, for managing dynamic state like form inputs.
A tutorial on updating items in a React list using state management, including useState and useReducer hooks.
A tutorial on adding items to a list in React using the useState Hook and controlled input fields.
A tutorial on removing items from a list in React using state management and the filter method.
Tips for improving writing effectiveness, including organization with headers and using images, with examples from tech documentation.
A guide exploring various CSS styling strategies for React applications, including CSS-in-CSS, CSS-in-JS, and utility-first approaches.
A developer shares insights and lessons learned from speaking at tech conferences, including idea generation and personal experiences.
Explains how to use React's experimental interaction tracing API to monitor user actions and their performance impact.
Explains when and why to use React's useCallback hook for performance optimization, debunking common overuse misconceptions.
A guide on implementing accessible animations in React using the prefers-reduced-motion media query to respect user motion preferences.
A guide to implementing a finite state machine pattern using React's useReducer hook, with a practical light bulb component example.
A developer shares key lessons learned from transitioning to React, focusing on its nature as a UI library and the shift in mindset required.
A step-by-step tutorial explaining the React useRef Hook, its mutable object properties, and how it differs from state.