- 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.
推薦閱讀
- Extending Jenkins
- Facebook Application Development with Graph API Cookbook
- 自己動手寫搜索引擎
- Rust編程:入門、實戰與進階
- Azure IoT Development Cookbook
- DevOps入門與實踐
- Nexus規模化Scrum框架
- SQL Server 2012數據庫管理與開發項目教程
- Drupal 8 Module Development
- Visual Studio Code 權威指南
- Python Machine Learning Blueprints:Intuitive data projects you can relate to
- Java Hibernate Cookbook
- Building Apple Watch Projects
- 可視化H5頁面設計與制作:Mugeda標準教程
- 深入理解Zabbix監控系統