React Native Create a Hand-Drawing Component Using React Native Skia While searching for the ideal library, I came across React Native Skia — a high-performance 2D graphics library.
React / Redux Build a Lightweight Collapse Component in React Creating a collapse component with an "auto" content height can be tricky. This post shows how you can build a working one in React.
React Native Developing a React Native App: Styling Differences to Watch For Checking out the style guides for both Android and iOS mobile phone types is important for creating common components in React Native.
Angular Automatically Unsubscribe from RXJS Observables in Angular Components If you prefer to be diligent, I'll introduce you to a way to make unsubscribing from observables in your components clean and quick.
Vue How to Test a Vue Component with Nested Components Using Jest Recently I had to scour the internet for hours before I found an answer for testing a Vue component that has nested subcomponents.
Figma Build an Almost Functional Search Bar to Use in Your Figma Prototypes Learn how to build a search bar in Figma that accepts keystrokes and mimics the experience of a user typing in real-time!
Web Apps CSS Techniques with React: Leveraging the Parent Hover State in a Child Component Here, I'll show how to use CSS to apply hover effects to a child component based on the hover state of its parent component.
React / Redux How to Get Data from a Parent Component in Remix The file-based structure of Remix routing structure saves on computational resources and results in a faster web page.
UX/Design Tools Prime Faces: A Worthy Bootstrap Alternative? Prime Faces lets you get your software project off the ground quickly, while still giving you options as your project matures.
Atomic Thinking 3 Benefits of Storybook-Driven Development Storybook-Driven Development (SDD) is a concept that helps developers create extensible and lightweight UI primitives.
Angular Use Angular CDK Overlay to Build a Custom, Accessible Select Dropdown Component, Part 2 This is the second in a series on using Angular CDK Overlay to build a select dropdown menu. Here, we'll implement the next steps.
Angular Use Angular CDK Overlay to Build a Custom, Accessible Select Dropdown Component, Part 1 Angular CDK Overlay is the opposite of using the rigid HTML select element. The CDK Overlay is completely open-ended and customizable.