Higher-order components (HOCs) are a powerful feature of the React library. They allow you to reuse component logic across multiple components. In React, a higher-order component is a function that takes a component as an argument and returns a new ...
Creating Shared Ownership for Web Performance from a Cryptic CSS Values
Creating ownership for web performance metrics is challenging, especially if you want to ensure your entire organization is pushing along. Alex Russell has an excellent maturity model that captures this enduring journey (see infrequently.org blog). After navigating much of this journey over the past
When using React, we strive to create reusable components as much as we can to limit the number of components and repetition. This keeps your code “DRY”. DRY is a concept you may have come across—it means “Don’t Repeat Yourself”. DRY is a coding prin...
What are Controlled and Uncontrolled Components in React.js?
In React.js, managing form inputs and user interactions is a crucial part of building dynamic web applications. Two key concepts that developers need to understand are controlled and uncontrolled components. These concepts define how form data is ha...
You can only make your React app visually appealing to users with styling. That makes styling a fundamental aspect of building captivating user interfaces. With React's component-based architecture, there are a ton of options for styling. These inclu...
How to add multiple classes to a ReactJS Component?
I am new to ReactJS and JSX and I am having a little problem with the code below.
I am trying to add multiple classes to the className attribute on each li:
<li key={index} className={activeC...
PureComponents vs Functional Components with hooks
Looking into PureComponent and the problem it solved, how it can be replaced now in the hooks & functional components world, and discovering an interesting quirk of React re-renders behavior
Refs in React: from access to DOM to imperative API
Looking into why we need access to DOM in React, how Refs can help with that, what are useRef, forwardRef and useImperativeHandle hooks, and how to use them properly.
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks.
Component composition is one of the best parts of React, and I think we should take more time to break our components into manageable parts before littering one component with conditional renderings.
React For Designers And Visual Learners | LearnReact.design
Tutorials and courses on design and frontend development: React,Framer,HTML,CSS,JavaScript. React courses tailored for product designers, UX/UI designers