https://github.com/nelsonomuto/react-pyscripts
script for automating the creation of react modules, components and tests
https://github.com/nelsonomuto/react-pyscripts
automate cli component component-architecture component-driven component-library component-library-generator isolation js python react scoped scoped-development tools
Last synced: 11 months ago
JSON representation
script for automating the creation of react modules, components and tests
- Host: GitHub
- URL: https://github.com/nelsonomuto/react-pyscripts
- Owner: nelsonomuto
- Created: 2017-11-14T15:48:31.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-15T19:36:00.000Z (about 8 years ago)
- Last Synced: 2025-02-06T04:45:29.031Z (about 1 year ago)
- Topics: automate, cli, component, component-architecture, component-driven, component-library, component-library-generator, isolation, js, python, react, scoped, scoped-development, tools
- Language: JavaScript
- Size: 43.9 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-pyscripts
The goal of react-pyscripts is to provide foundational support for building react components.
It is especially useful for building a component library.
`You need python3 installed on your computer`
## scoped development
The philosophy behind this is that components should allow for easy development in a stateless manner & 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.
## devapp
The _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.
In 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).
We use symlinks back to the _base app_ (the app which you are developing) that allows for the files to be modified.
The 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.
### webpack-react-multi-app
The 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.