{"id":23865123,"url":"https://github.com/mariosantosdev/react-performance","last_synced_at":"2025-06-17T22:38:58.636Z","repository":{"id":139958130,"uuid":"501723923","full_name":"mariosantosdev/react-performance","owner":"mariosantosdev","description":"Project development in the Ignite Bootcamp of Rockeseat to study concepts of React Performance","archived":false,"fork":false,"pushed_at":"2022-06-09T16:12:07.000Z","size":111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T13:39:51.099Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/mariosantosdev.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-09T16:12:03.000Z","updated_at":"2022-06-09T16:12:58.000Z","dependencies_parsed_at":"2024-05-30T23:08:45.278Z","dependency_job_id":null,"html_url":"https://github.com/mariosantosdev/react-performance","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mariosantosdev/react-performance","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariosantosdev%2Freact-performance","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariosantosdev%2Freact-performance/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariosantosdev%2Freact-performance/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariosantosdev%2Freact-performance/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mariosantosdev","download_url":"https://codeload.github.com/mariosantosdev/react-performance/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mariosantosdev%2Freact-performance/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260452763,"owners_count":23011542,"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":[],"created_at":"2025-01-03T08:47:37.170Z","updated_at":"2025-06-17T22:38:53.610Z","avatar_url":"https://github.com/mariosantosdev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Performance\n\n## When utilize Memo\n\nThe memo is used if you want to render a component only if it's props change.\n\n- When is a PureComponent.\n- Re-renders with same props\n- When a component is medium or large, it's a good idea to use Memo.\n\n## When utilize useMemo\n\nThe useMemo is used to memoize the result of a function.\n\n- Higher calcs\n- Referencial igualation\n\n## When utilize useCallback\n\nThe useCallback is used to memoize a function.\n\n- When a function is passed on children props, to prevent re-rendering.\n\n## Where format data\n\nThe format data is better do togheter with function that return a list of data, it's prevent to re-render the list.\n\n## When utilize Dynamic Import (Code Splitting/Import with Lazy Loading)\n\nThen Dynamic Import is used to import a component dynamically just on necessary.\n\n## React Virtualized\n\nThe React Virtualized is used to render a lot of data in browser without to load all data in memory.\nIt's help the performance of the browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariosantosdev%2Freact-performance","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmariosantosdev%2Freact-performance","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariosantosdev%2Freact-performance/lists"}