{"id":13545882,"url":"https://github.com/tsalb/lwc-utils","last_synced_at":"2025-04-02T17:32:21.714Z","repository":{"id":37645232,"uuid":"167659798","full_name":"tsalb/lwc-utils","owner":"tsalb","description":"Reusable LWCs to 10x your solution building speed. Design interactive, data-dense UIs with LWC + Screen Flows.","archived":false,"fork":false,"pushed_at":"2023-03-05T13:24:03.000Z","size":54583,"stargazers_count":379,"open_issues_count":40,"forks_count":93,"subscribers_count":20,"default_branch":"master","last_synced_at":"2024-11-03T14:34:43.841Z","etag":null,"topics":["lightning-datatable","lightning-web-components","lwc","salesforce","salesforce-developers","salesforce-lightning","salesforce-lightning-components","sfdx"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tsalb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2019-01-26T06:56:45.000Z","updated_at":"2024-10-01T01:01:25.000Z","dependencies_parsed_at":"2024-03-16T16:36:56.719Z","dependency_job_id":"190e86fa-4a95-4a84-9599-1de2645d6d5d","html_url":"https://github.com/tsalb/lwc-utils","commit_stats":null,"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsalb%2Flwc-utils","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsalb%2Flwc-utils/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsalb%2Flwc-utils/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tsalb%2Flwc-utils/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tsalb","download_url":"https://codeload.github.com/tsalb/lwc-utils/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246860212,"owners_count":20845630,"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":["lightning-datatable","lightning-web-components","lwc","salesforce","salesforce-developers","salesforce-lightning","salesforce-lightning-components","sfdx"],"created_at":"2024-08-01T12:00:25.558Z","updated_at":"2025-04-02T17:32:21.305Z","avatar_url":"https://github.com/tsalb.png","language":"JavaScript","funding_links":[],"categories":["On Platform Community Repos"],"sub_categories":[],"readme":"# LWC Utils\n\nReusable LWCs to 10x your solution building speed.\n\n- `messageService`: Lightning Message Service (LMS) simplified component messaging.\n- `SOQL Datatable`: Leverage SOQL to power your list views, related lists, and even Screen Flows.\n- `Collection Datatable`: Manage Record Collections variables in Screen Flows.\n- Design patterns leveraging both Aura and LWC to dynamically create dialogs (modals) for better UX.\n- Launch Screen Flows dynamically inside a dialog (modal) from anywhere.\n\n## Introduction\n\nThis repo showcases the best defaults for creating rich, interactive, data-dense UIs using the following centerpieces:\n- `lightning-datatable` from LWC.\n- `lightning:overlayLibrary` from Aura.\n- `lightning:flow` from Aura.\n- `messageService` which abstracts [Lightning Message Service](https://developer.salesforce.com/docs/component-library/bundle/lightning-message-service) to stitch it all-together.\n\nSalesforce has invested heavily into `LWC`, `Flow` and `Screen Flow` and has given [Architect Guidance](https://architect.salesforce.com/design/decision-guides/build-forms/) around how to build scalable and flexible solutions now and into the future.\n\nThis repo builds on that guidance and pushes data-dense UI design to the next level with highly reusable, highly configurable components. These components have saved me thousands of developer hours and allowed me to pivot on a dime to meet the changing speed of business.\n\nI hope they will help you do the same.\n\n## Motivation\n\nThe components found in this repo aim to solve these high level problems:\n\n- Complex component communication can be difficult to design with consistency.\n- Datatables are useful but high effort to use.\n- Modals / Dialogs are useful but high effort to use.\n\nMore detailed info can be found in the [wiki](https://github.com/tsalb/lwc-utils/wiki/Motivation).\n\n## Getting Started\n\n1) Take a look at the component [overview](https://github.com/tsalb/lwc-utils/wiki/Component-Library-Overview).\n\n2) Install [core](https://github.com/tsalb/lwc-utils/wiki/Installation#core).\n\n3) For first time users, install [recipes](https://github.com/tsalb/lwc-utils/wiki/Installation#recipes) in a [scratch org](https://github.com/trailheadapps/lwc-recipes#installing-the-app-using-a-scratch-org).\n\n4) Read the [Configuration](https://github.com/tsalb/lwc-utils/wiki/Configuration).\n\n5) Skim the [FAQ](https://github.com/tsalb/lwc-utils/wiki/FAQ).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsalb%2Flwc-utils","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftsalb%2Flwc-utils","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftsalb%2Flwc-utils/lists"}