{"id":22439339,"url":"https://github.com/dev-eranda/reactjs-design-system-engineer","last_synced_at":"2026-04-07T21:31:10.750Z","repository":{"id":247073057,"uuid":"802425104","full_name":"dev-eranda/reactjs-design-system-engineer","owner":"dev-eranda","description":"Learned advanced ReactJS for building modern web applications","archived":false,"fork":false,"pushed_at":"2025-03-24T09:32:32.000Z","size":2561,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-07T00:38:02.011Z","etag":null,"topics":["accessibility-testing","cicd","css","css-architecture","design-patterns","npm","npm-package","reactjs","reusable-components","storybook","typescript","unit-testing","visual-regression-testing"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-eranda.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2024-05-18T08:59:05.000Z","updated_at":"2025-03-24T09:32:36.000Z","dependencies_parsed_at":"2025-03-24T09:34:21.453Z","dependency_job_id":"1fabd4a5-8b26-4fcf-8cee-bd1736b72d4c","html_url":"https://github.com/dev-eranda/reactjs-design-system-engineer","commit_stats":null,"previous_names":["erandamadusanka/ds.e","dev-eranda/reactjs-design-system-engineer","erandamadusanka/reactjs-design-system-engineer"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/dev-eranda/reactjs-design-system-engineer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Freactjs-design-system-engineer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Freactjs-design-system-engineer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Freactjs-design-system-engineer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Freactjs-design-system-engineer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-eranda","download_url":"https://codeload.github.com/dev-eranda/reactjs-design-system-engineer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-eranda%2Freactjs-design-system-engineer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31530640,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T16:28:08.000Z","status":"ssl_error","status_checked_at":"2026-04-07T16:28:06.951Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["accessibility-testing","cicd","css","css-architecture","design-patterns","npm","npm-package","reactjs","reusable-components","storybook","typescript","unit-testing","visual-regression-testing"],"created_at":"2024-12-06T01:13:46.332Z","updated_at":"2026-04-07T21:31:10.729Z","avatar_url":"https://github.com/dev-eranda.png","language":"TypeScript","readme":"# Advanced React For Enterprise\n\n**Developed by:** Eranda Samarasinghe\n\u003chr /\u003e\n\n## Project Background and Overview\nThis repository contains resources and examples for the \"Advanced React For Enterprise: React for Senior Engineers\" course from Udemy. The course covers advanced topics in React, including performance optimization, state management, and server-side rendering\n\u003chr /\u003e\n\n## Project Goals\nThe main objectives of this application are to:\n\n1. This project focuses on implementing scalable CSS architecture for maintainable and consistent styles\n2. It designs reusable React components using effective design patterns for modularity and composability\n3. The components are built with TypeScript to ensure type safety and improve code maintainability\n4. Unit and visual regression testing are incorporated to maintain component stability and catch style issues\n5. Storybook is used to document components and establish a consistent design system for collaboration\n\u003chr /\u003e\n\n## Technical Details\nCore technologies used: \n\n- **React, JavaScript, TypeScript, SCSS, HTML**\n\u003chr /\u003e\n\n## Installation\n1. Clone repository:\n   ```sh\n   git clone https://github.com/dev-eranda/reactjs-design-system-engineer\n   \n2. Build the project:\n   ```sh\n   npm run build\n\n3. Start development server:\n   ```sh\n   npm start\n\n4. Test the project:\n   ```sh\n   npm test\n\n5. Publish the project:\n   ```sh\n   npm publish\n\n6. Commit the project:\n    ```sh\n    npm commit\n\n- **Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.**\n\n## NPM Packages\n@test.ds.e/foundation\n```bash\nnpm install @test.ds.e/foundation\n```\n@test.ds.e/react\n```bash\nnpm install @test.ds.e/react\n```\n@test.ds.e/scss\n```bash\nnpm install @test.ds.e/scss\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-eranda%2Freactjs-design-system-engineer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-eranda%2Freactjs-design-system-engineer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-eranda%2Freactjs-design-system-engineer/lists"}