{"id":22820574,"url":"https://github.com/nelsonomuto/react-pyscripts","last_synced_at":"2025-03-30T23:20:38.495Z","repository":{"id":70970328,"uuid":"110710640","full_name":"nelsonomuto/react-pyscripts","owner":"nelsonomuto","description":"script for automating the creation of react modules, components and tests","archived":false,"fork":false,"pushed_at":"2017-11-15T19:36:00.000Z","size":45,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-06T04:45:29.031Z","etag":null,"topics":["automate","cli","component","component-architecture","component-driven","component-library","component-library-generator","isolation","js","python","react","scoped","scoped-development","tools"],"latest_commit_sha":null,"homepage":null,"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/nelsonomuto.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":"2017-11-14T15:48:31.000Z","updated_at":"2022-05-01T16:08:20.000Z","dependencies_parsed_at":null,"dependency_job_id":"783b8d25-3a95-4f44-832d-ab931f6e0e23","html_url":"https://github.com/nelsonomuto/react-pyscripts","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/nelsonomuto%2Freact-pyscripts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nelsonomuto%2Freact-pyscripts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nelsonomuto%2Freact-pyscripts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nelsonomuto%2Freact-pyscripts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nelsonomuto","download_url":"https://codeload.github.com/nelsonomuto/react-pyscripts/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246391949,"owners_count":20769658,"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":["automate","cli","component","component-architecture","component-driven","component-library","component-library-generator","isolation","js","python","react","scoped","scoped-development","tools"],"created_at":"2024-12-12T15:26:39.617Z","updated_at":"2025-03-30T23:20:38.471Z","avatar_url":"https://github.com/nelsonomuto.png","language":"JavaScript","readme":"# react-pyscripts\n\nThe goal of react-pyscripts is to provide foundational support for building react components.\n\nIt is especially useful for building a component library.\n\n`You need python3 installed on your computer`\n\n## scoped development\n\nThe philosophy behind this is that components should allow for easy development in a stateless manner \u0026 then later assembled in a container for their final use in an application, however the former is where the majority of our focus usually lies and so should be performed independently of the application, state and any other concerns that are domain specific.\n\n## devapp\n\nThe _devapp_ concept is centered around the creation of an ephemeral app. Each invocation of the devapp creates a new instance of it and does not need to be persisted in source control.\n\nIn the [devapp](devapp) directory we have the scripts that create the development application wherein the components can be developed in isolation from the rest of the app. See the [example script for usage details](examples/devapp.sh).\n\nWe use symlinks back to the _base app_ (the app which you are developing) that allows for the files to be modified.\n\nThe devapp listens on port _3006_ by default but this is configurable. It will contain a corresponding view for each component in the targeted component directories of the base app. So you can use the url to toggle between components in the browser. For example if your app contains a _component/Loading_ and _container/Notification_ component, you will be able to view each separately by visiting _http://localhost:3006/component/Loading_ and _http://localhost:3006/container/Notification_ respectively.\n\n### webpack-react-multi-app\n\nThe main driver behind the development app is a [custom webpack plugin](https://github.com/nelsonomuto/webpack-react-multi-app) and configuration setup that allows for an output of targeted individual _microapps_ corresponding to each component.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnelsonomuto%2Freact-pyscripts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnelsonomuto%2Freact-pyscripts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnelsonomuto%2Freact-pyscripts/lists"}