// Software Design · ReactYou're Using React Compound Components Wrongpetarivanov.tech
You're Using React Compound Components Wrong
The most-copied example in every tutorial is the one place you shouldn't use them.
Software Design
22 articles in Software Design.
Browse by category
- // Software Design · Node.jsFunctional Error Handling in Node.js With The Result Patternpetarivanov.tech
Functional Error Handling in Node.js With The Result Pattern
Learn how to improve your error handling in Node.js by using the Result Pattern.
- // Software DesignClean Code: 8 Tips to Write Clean Functions 🔥petarivanov.tech
Clean Code: 8 Tips to Write Clean Functions 🔥
Learn about eight practical tips on writing clean functions.
- // Software DesignAnti Clean Code: The F.L.U.I.D. Trap ⚠️petarivanov.tech
Anti Clean Code: The F.L.U.I.D. Trap ⚠️
Learn about the five key ways a code can go wrong and know what to be careful about. (6 minutes)
- // Software Design · ReactUse Compound Components React Advanced Pattern For Better Software Design 🧑🎨petarivanov.tech
Use Compound Components React Advanced Pattern For Better Software Design 🧑🎨
Learn how to create and design better React components using the Compound Components React advanced pattern. (4 minutes)
- // Software Design · ReactWhy Composition Beats Inheritance In Reactpetarivanov.tech
Why Composition Beats Inheritance In React
Learn the benefits of using composition over inheritance in React projects. (3 minutes)
- // Software Design · ReactHow to Better Organize Your React Component Files?petarivanov.tech
How to Better Organize Your React Component Files?
Learn about the layered approach when organizing your React component files. (3 minutes)
- // Software Design · ReactOpen-Closed Principle (OCP) In React: Write Extensible Componentspetarivanov.tech
Open-Closed Principle (OCP) In React: Write Extensible Components
A practical look at applying the Open-Closed Principle to React. (4 minutes)
- // Software Design · ReactHow To Craft Flexible UIs In React by Using Generic And Domain Components? 💪petarivanov.tech
How To Craft Flexible UIs In React by Using Generic And Domain Components? 💪
That's part of my book "The Conscious React" 📚
- // Software Design · ReactLoading Third-Party Scripts In Reactpetarivanov.tech
Loading Third-Party Scripts In React
Learn how to properly load 3rd party scripts in React, improve performance, and avoid nasty bugs. (4 minutes)
- // Software Design · ReactSingle Responsibility Principle (SRP) In React: Write Focused Componentspetarivanov.tech
Single Responsibility Principle (SRP) In React: Write Focused Components
A practical look at applying Single Responsibility Principle into React. (3 minutes)
- // Software Design · ReactBuilding React Components: Turning UI Designs Into React Componentspetarivanov.tech
Building React Components: Turning UI Designs Into React Components
Learn how to design and architect React Components based on User Interface Designs of Components and Pages. (5 minutes)
- // Software DesignEmbrace software entropypetarivanov.tech
Embrace software entropy
Accept that your code will never be perfect or final.
- // Software Design · React7 practical tips on performance optimizations in React applicationspetarivanov.tech
7 practical tips on performance optimizations in React applications
Optimizing React apps is about smart choices, not exhaustive tweaks.
- // Software Design · ReactThe styling dilemma in Reactpetarivanov.tech
The styling dilemma in React
Embrace the classless styling approach for better maintainability and readability
- // Software Design · ReactHow to use Reducer in React for better State Management: 2 effective ways for simpler design and architecturepetarivanov.tech
How to use Reducer in React for better State Management: 2 effective ways for simpler design and architecture
Explore the benefits of using the useReducer hook in React for more maintainable and readable components.
- // Software Design · React10 ways to better organize and design your React Applicationpetarivanov.tech
10 ways to better organize and design your React Application
Learn how to make your React App scale.
- // Software Design · ReactState Management & Data Fetching Libraries in Reactpetarivanov.tech
State Management & Data Fetching Libraries in React
Notes on using and not using state management and data fetching libraries in React.
- // Software Design · ReactReact Component Mental Modelspetarivanov.tech
React Component Mental Models
Understand the different types of components to design better React apps.
- // Software Design · React15 React Component Principles & Best Practices for Better Software Architecture & Designpetarivanov.tech
15 React Component Principles & Best Practices for Better Software Architecture & Design
The conscious road to more scalable designs of React applications.
- // Software Design3 software development principles I wish I knew earlier in my careerpetarivanov.tech
3 software development principles I wish I knew earlier in my career
And the power of YAGNI, KISS, and DRY
- // Software Design · TypeScriptSOLID Principles: Writing Robust & Maintainable Code (with TypeScript examples)petarivanov.tech
SOLID Principles: Writing Robust & Maintainable Code (with TypeScript examples)
And why change and speed matter in today's world and competition.