- Hands-On Design Patterns with React Native
- Mateusz Grzesiukiewicz
- 164字
- 2021-08-13 15:12:57
Container component
The container component pattern was introduced a long time ago and was popularized within the React community by Dan Abramov. So far, we have created one container component when we refactored the contents of the App component to become a presentational component. It turns out that the App component became a container component—it contains the HelloBox component and implements the necessary logic for it. What did we gain from this approach? We gained the following:
- We can implement expanding and collapsing in a different way and reuse the markup of the HelloBox component
- HelloBox does not contain logic
- The container component encapsulates logic and hides it from the other components
I highly recommend reading Dan Abramov's medium post on this. Check out https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0 for more information. Container components are very useful tools when it comes to dependency injection patterns. Have a look at Chapter 10, Managing Dependencies, to learn more.
推薦閱讀
- Moodle Administration Essentials
- Docker進階與實戰
- SEO智慧
- 基于差分進化的優化方法及應用
- 數據結構(C語言)
- Learning Python by Building Games
- Mastering Android Development with Kotlin
- Tableau 10 Bootcamp
- Create React App 2 Quick Start Guide
- Mastering C++ Multithreading
- Oracle GoldenGate 12c Implementer's Guide
- Mastering AWS Security
- 單片機原理及應用技術
- UI設計基礎培訓教程(全彩版)
- 精通Spring:Java Web開發與Spring Boot高級功能