{"id":13395258,"url":"https://github.com/vasanthk/react-bits","last_synced_at":"2025-05-13T16:10:58.625Z","repository":{"id":37719339,"uuid":"76931209","full_name":"vasanthk/react-bits","owner":"vasanthk","description":"✨ React patterns, techniques, tips and tricks ✨","archived":false,"fork":false,"pushed_at":"2024-06-26T10:06:44.000Z","size":1039,"stargazers_count":17184,"open_issues_count":11,"forks_count":1108,"subscribers_count":319,"default_branch":"master","last_synced_at":"2025-04-01T11:01:45.159Z","etag":null,"topics":["best-practices","design-patterns","javascript","react","react-patterns","reactjs","techniques"],"latest_commit_sha":null,"homepage":"https://vasanthk.gitbooks.io/react-bits","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vasanthk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-20T06:49:54.000Z","updated_at":"2025-03-31T11:45:21.000Z","dependencies_parsed_at":"2024-01-10T22:10:25.267Z","dependency_job_id":"879dec08-6fda-42f5-953c-b8f9607752ed","html_url":"https://github.com/vasanthk/react-bits","commit_stats":{"total_commits":343,"total_committers":75,"mean_commits":4.573333333333333,"dds":"0.36151603498542273","last_synced_commit":"8b3620966df81dba898d9bf163aee759c4252a27"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-bits","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-bits/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-bits/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vasanthk%2Freact-bits/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vasanthk","download_url":"https://codeload.github.com/vasanthk/react-bits/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247838388,"owners_count":21004576,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["best-practices","design-patterns","javascript","react","react-patterns","reactjs","techniques"],"created_at":"2024-07-30T17:01:48.022Z","updated_at":"2025-04-08T12:01:26.551Z","avatar_url":"https://github.com/vasanthk.png","language":null,"readme":"# [React Bits](https://vasanthk.gitbooks.io/react-bits)\n\nA compilation of React Patterns, techniques, tips and tricks.\n\n**Gitbook format**: https://vasanthk.gitbooks.io/react-bits\n\n**Github repo**: https://github.com/vasanthk/react-bits\n\n\u003e Your contributions are heartily ♡ welcome. (✿◠‿◠)\n\n\u003e **Translations by community:**\n\u003e - 中文版 (Chinese): [react-bits-cn](https://github.com/hateonion/react-bits-CN)\n\u003e - 한국어 (Korean): [react-bits-ko](https://github.com/rayleighko/react-bits-ko)\n\n\n- Design Patterns and Techniques\n  - [Conditional in JSX](./patterns/1.conditionals-in-jsx.md)\n  - [Async Nature Of setState()](./patterns/2.async-nature-of-setState.md)\n  - [Dependency Injection](./patterns/3.dependency-injection.md)\n  - [Context Wrapper](./patterns/4.context-wrapper.md)\n  - [Event Handlers](./patterns/5.event-handlers.md)\n  - [Flux Pattern](./patterns/6.flux-pattern.md)\n  - [One Way Data Flow](./patterns/7.one-way-data-flow.md)\n  - [Presentational vs Container](./patterns/8.presentational-vs-container.md)\n  - [Third Party Integration](./patterns/9.third-party-integration.md)\n  - [Passing Function To setState()](./patterns/10.passing-function-to-setState.md)\n  - [Decorators](./patterns/11.decorators.md)\n  - [Feature Flags](./patterns/12.feature-flags-using-redux.md)\n  - [Component Switch](./patterns/13.component-switch.md)\n  - [Reaching Into A Component](./patterns/14.reaching-into-a-component.md)\n  - [List Components](./patterns/15.list-components.md)\n  - [Format Text via Component](./patterns/16.format-text-via-component.md)\n  - [React Fragments](./patterns/17.react-fragments.md)\n  - [Share Tracking Logic](./patterns/18.share-tracking-logic.md)\n- Anti-Patterns\n  - [Introduction](./anti-patterns/README.md)\n  - [Props In Initial State](./anti-patterns/01.props-in-initial-state.md)\n  - [findDOMNode()](./anti-patterns/02.findDOMNode.md)\n  - [Mixins](./anti-patterns/03.mixins.md)\n  - [setState() in componentWillMount()](./anti-patterns/04.setState-in-componentWillMount.md)\n  - [Mutating State](./anti-patterns/05.mutating-state.md)\n  - [Using Indexes as Key](./anti-patterns/06.using-indexes-as-key.md)\n  - [Spreading Props on DOM elements](./anti-patterns/07.spreading-props-dom.md)\n- Handling UX Variations\n  - [Introduction](./ux-variations/README.md)\n  - [Composing UX Variations](./ux-variations/01.composing-variations.md)\n  - [Toggle UI Elements](./ux-variations/02.toggle-ui-elements.md)\n  - [HOC for Feature Toggles](./ux-variations/03.HOC-feature-toggles.md)\n  - [HOC props proxy](./ux-variations/04.HOC-props-proxy.md)\n  - [Wrapper Components](./ux-variations/05.wrapper-components.md)\n  - [Display Order Variations](./ux-variations/06.display-order-variations.md)\n- Perf Tips\n  - [Introduction](./perf-tips/README.md)\n  - [shouldComponentUpdate() check](./perf-tips/01.shouldComponentUpdate-check.md)\n  - [Using Pure Components](./perf-tips/02.pure-component.md)\n  - [Using reselect](./perf-tips/03.reselect.md)\n- Styling\n  - [Introduction](./styling/README.md)\n  - [Stateless UI Components](./styling/01.stateless-ui-components.md)\n  - [Styles Module](./styling/02.styles-module.md)\n  - [Style Functions](./styling/03.style-functions.md)\n  - [NPM Modules](./styling/04.using-npm-modules.md)\n  - [Base Component](./styling/05.base-component.md)\n  - [Layout Component](./styling/06.layout-component.md)\n  - [Typography Component](./styling/07.typography-component.md)\n  - [HOC for Styling](./styling/08.HOC-for-styling.md)\n- Gotchas\n  - [Introduction](./gotchas/README.md)\n  - [Pure render checks](./gotchas/01.pure-render-checks.md)\n  - [Synthetic Events](./gotchas/02.synthetic-events.md)\n- [Related Links](./READINGS.md)\n","funding_links":[],"categories":["Javascript","Others","FrontEnd","Programming Language Design Patterns","前端开发框架及项目","best-practices","Listas Awesome","⚛️ React","Language/Framework design patterns (mainly GoF)","GoF design patterns (Language/Framework specifc)","Uncategorized"],"sub_categories":["React","其他_文本生成、文本对话","Polyfills","Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasanthk%2Freact-bits","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvasanthk%2Freact-bits","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvasanthk%2Freact-bits/lists"}