{"id":13837707,"url":"https://github.com/markerikson/react-community-tools-practices-cheatsheet","last_synced_at":"2025-04-07T07:08:23.560Z","repository":{"id":37002933,"uuid":"343026761","full_name":"markerikson/react-community-tools-practices-cheatsheet","owner":"markerikson","description":"Descriptions and use cases for common tools and practices in the React community","archived":false,"fork":false,"pushed_at":"2022-11-05T02:57:33.000Z","size":1331,"stargazers_count":325,"open_issues_count":9,"forks_count":14,"subscribers_count":41,"default_branch":"main","last_synced_at":"2024-05-02T05:59:34.702Z","etag":null,"topics":["react"],"latest_commit_sha":null,"homepage":"https://react-community-tools-practices-cheatsheet.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/markerikson.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-28T05:16:49.000Z","updated_at":"2024-02-26T10:46:30.000Z","dependencies_parsed_at":"2023-01-17T12:45:56.390Z","dependency_job_id":null,"html_url":"https://github.com/markerikson/react-community-tools-practices-cheatsheet","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markerikson%2Freact-community-tools-practices-cheatsheet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markerikson%2Freact-community-tools-practices-cheatsheet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markerikson%2Freact-community-tools-practices-cheatsheet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/markerikson%2Freact-community-tools-practices-cheatsheet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/markerikson","download_url":"https://codeload.github.com/markerikson/react-community-tools-practices-cheatsheet/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247608151,"owners_count":20965952,"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":["react"],"created_at":"2024-08-04T15:01:21.431Z","updated_at":"2025-04-07T07:08:23.542Z","avatar_url":"https://github.com/markerikson.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# React Community Tools and Practices Cheatsheet\n\nThis is a placeholder for an idea: (refs: https://twitter.com/acemarke/status/1365834578087333895, https://twitter.com/acemarke/status/1365888195070681092):\n\n\u003e it feels like there maybe needs to be more of a community effort to build up some kind of a centralized \"best practices\" site, perhaps similar to the React+TS CheatSheet ( https://github.com/typescript-cheatsheets/react )\n\u003e what if the community collaborated on putting together a centralized list of what the major options are in different categories, and when it might make sense to use them?  \n\u003e Obviously this could easily devolve into \"NO, YOU SHOULD BE USING TOOL X INSTEAD OF TOOL Y\", or \"WHY ISN'T MY LIB WITH 27 STARS LISTED?\".  There'd need to be both curation and friendly cooperation from experts within the community in this.\n\u003e Example, state management. The main options by usage % are plain React state, Redux, MobX, XState. Those overlap with data fetching libs like Apollo, React Query, and SWR. What if each lib submitted a page saying \"here's our tool, what it solves, and when you might use it\"  \n\u003e Similarly, styling. Major options are inline styles, plain CSS, CSS Modules, and CSS-in-JS approaches. Have some pages that detail what those options are, pros/cons, and why you might consider each approach. Not flat-out saying \"use X or Y\". Just \"here's options and use cases\"\n\u003e One more: how do you pick between CRA, Next, Gatsby, or something like a Snowpack or Vite, to build a React app? When does it make sense to use any of those? Having a list of the major options and tradeoffs involved would be valuable.  \n\u003e Stackshare and Slant are _sorta_ along the lines of what I'm describing, although I'm picturing something much more text-based and involving descriptions, examples, and use cases.\n\u003e I'm not saying any of this would be easy, and there'd be a lot of wrangling over how to format and present this info. also, not all would be \"competing libs\". like, `fetch` vs `axios` vs `redaxios` vs your own fetch wrapper\n\nSo, this is me sorta putting my money where my mouth is, and creating a repo to start this.  \n\n## Initial Planning Discussion\n\nsee [**Discussion #1 - Initial RFC: Scope and Goals**](https://github.com/markerikson/react-community-tools-practices-cheatsheet/discussions/1) for discussion of what this project should actually involve and how we might make it a reality.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkerikson%2Freact-community-tools-practices-cheatsheet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmarkerikson%2Freact-community-tools-practices-cheatsheet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmarkerikson%2Freact-community-tools-practices-cheatsheet/lists"}