[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3382":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},3382,"react-in-patterns","krasimir\u002Freact-in-patterns","krasimir","A free book that talks about design patterns\u002Ftechniques used while developing with React.","https:\u002F\u002Fwww.gitbook.com\u002Fbook\u002Fkrasimir\u002Freact-in-patterns\u002F",null,"JavaScript",13580,979,287,1,0,5,69.47,"MIT License",false,"master",true,[24,25,26,27,28],"data-flow","dependency","injection","patterns","react","2026-06-12 04:00:17","# React in patterns\n\n:books: A free book that talks about design patterns\u002Ftechniques used while developing with [React](https:\u002F\u002Ffacebook.github.io\u002Freact\u002F).\n\n## Book\n\n* [Web](.\u002Fbook)\n* [PDF](.\u002Fbook.pdf)\n* [Mobi](.\u002Fbook.mobi)\n* [ePub](.\u002Fbook.epub)\n\n![React in patterns cover](.\u002Fbook\u002Fcover_small.jpg)\n\n## Translations\n\n  * [简体中文](https:\u002F\u002Fgithub.com\u002FSangKa\u002Freact-in-patterns-cn)\n\n## Content\n\n* [In brief](.\u002Fbook\u002Fchapter-01\u002FREADME.md)\n\n### Foundation\n\n* [Communication](.\u002Fbook\u002Fchapter-02\u002FREADME.md)\n  * [Input](.\u002Fbook\u002Fchapter-02\u002FREADME.md#input)\n  * [Output](.\u002Fbook\u002Fchapter-02\u002FREADME.md#output)\n* [Event handlers](.\u002Fbook\u002Fchapter-03\u002FREADME.md)\n* [Composition](.\u002Fbook\u002Fchapter-04\u002FREADME.md)\n  * [Using React's children API](.\u002Fbook\u002Fchapter-04\u002FREADME.md#using-reacts-children-api)\n  * [Passing a child as a prop](.\u002Fbook\u002Fchapter-04\u002FREADME.md#passing-a-child-as-a-prop)\n  * [Higher-order component](.\u002Fbook\u002Fchapter-04\u002FREADME.md#higher-order-component)\n  * [Function as a children, render prop](.\u002Fbook\u002Fchapter-04\u002FREADME.md#function-as-a-children-render-prop)\n* [Controlled and uncontrolled inputs](.\u002Fbook\u002Fchapter-05\u002FREADME.md)\n* [Presentational and container components](.\u002Fbook\u002Fchapter-06\u002FREADME.md) \n\n### Data flow\n\n* [One direction data flow](.\u002Fbook\u002Fchapter-07\u002FREADME.md)\n* [Flux](.\u002Fbook\u002Fchapter-08\u002FREADME.md)\n  * [Flux architecture and its main characteristics](.\u002Fbook\u002Fchapter-08\u002FREADME.md#flux-architecture-and-its-main-characteristics)\n  * [Implementing a Flux architecture](.\u002Fbook\u002Fchapter-08\u002FREADME.md#implementing-a-flux-architecture)\n* [Redux](.\u002Fbook\u002Fchapter-09\u002FREADME.md)\n  * [Redux architecture and its main characteristics](.\u002Fbook\u002Fchapter-09\u002FREADME.md#redux-architecture-and-its-main-characteristics)\n  * [Simple counter app using Redux](.\u002Fbook\u002Fchapter-09\u002FREADME.md#simple-counter-app-using-redux)\n\n### MISC\n\n* [Dependency injection](.\u002Fbook\u002Fchapter-10\u002FREADME.md)\n  * [Using React's context (prior to v. 16.3)](.\u002Fbook\u002Fchapter-10\u002FREADME.md#using-reacts-context-prior-v-163)\n  * [Using React's context (v. 16.3 and above)](.\u002Fbook\u002Fchapter-10\u002FREADME.md#using-reacts-context-v-163-and-above)\n  * [Using the module system](.\u002Fbook\u002Fchapter-10\u002FREADME.md#using-the-module-system)\n* [Styling](.\u002Fbook\u002Fchapter-11\u002FREADME.md)\n  * [The good old CSS class](.\u002Fbook\u002Fchapter-11\u002FREADME.md#the-good-old-css-class)\n  * [Inline styling](.\u002Fbook\u002Fchapter-11\u002FREADME.md#inline-styling)\n  * [CSS modules](.\u002Fbook\u002Fchapter-11\u002FREADME.md#css-modules)\n  * [Styled-components](.\u002Fbook\u002Fchapter-11\u002FREADME.md#styled-components)\n* [Integration of third-party libraries](.\u002Fbook\u002Fchapter-12\u002FREADME.md)\n* [React and separation of concerns](.\u002Fbook\u002Fchapter-13\u002FREADME.md)\n\n\n## Source code\n\nThe code samples used in the book are available [here](.\u002Fcode).\n\n## Other resources\n\n* [React Design principles](https:\u002F\u002Ffacebook.github.io\u002Freact\u002Fcontributing\u002Fdesign-principles.html)\n* [Airbnb React\u002FJSX Style Guide](https:\u002F\u002Fgithub.com\u002Fairbnb\u002Fjavascript\u002Ftree\u002Fmaster\u002Freact)\n* [React patterns at Planning Center Online](https:\u002F\u002Fgithub.com\u002Fplanningcenter\u002Freact-patterns)\n* [React patterns by Michael Chan](http:\u002F\u002Freactpatterns.com\u002F)\n* [React patterns, techniques, tips and tricks](https:\u002F\u002Fgithub.com\u002Fvasanthk\u002Freact-bits)\n\n## Building the book\n\n`yarn install && yarn build`\n\n*To make the ebook generating possible install [calibre](http:\u002F\u002Fcalibre-ebook.com\u002Fabout) and `ln -s \u002FApplications\u002Fcalibre.app\u002FContents\u002FMacOS\u002Febook-convert \u002Fusr\u002Flocal\u002Fbin\u002F`.*\n","该项目是一本免费的电子书，专注于介绍使用React进行开发时的设计模式和技术技巧。核心内容涵盖了从基础到进阶的各种React设计模式，包括组件间的通信方式、事件处理、组合模式、受控与非受控输入、Flux和Redux架构等，并深入探讨了依赖注入、样式处理以及第三方库集成等实用主题。该书适合所有希望深入了解React最佳实践及其生态系统内不同技术解决方案的前端开发者阅读，无论是初学者还是有经验的开发者都能从中受益。",2,"2026-06-11 02:53:55","top_language"]