0.1.0-alpha • Published 7 years ago
react-solo v0.1.0-alpha
React Solo
For developing one React component at a time
How to use
yarn add -D react-solo
npx react-solo
- Use arrow keys to select the component
- Press enter
- Your browser will open and load the component
How to specify which component to load from the command line
npx react-solo src/App/App.js
- Your browser will open and load the component
Tips
- React Solo is optimised for projects using create-react-app (it uses create-react-app for rendering). Most components from other React projects should still work, but if you discover any compatibility problems then please raise an issue.
- If you use non-default exports on a component then you can pass in a second argument to specify the export name, e.g. to load the DropdownUnstyled export from the Dropdown.js file:
npx react-solo src/Dropdown/Dropdown.js DropdownUnstyled
MVP
- No menu to select components, component file must be specified on command line instead
- If it is easier, use a custom Webpack and Babel config, switching to create-react-app/react-scripts later
Task list: stuff that should happen on install
- Create .react-solo folder if it doesn't already exist
- Use cross-spawn to run "cd .react-solo" command
- Copy all runtime dependencies from root package.json (if on second run, do a one-way sync from root to .react-solo directory)
- Create package.json file with the necessary dependencies + react-scripts + react + react-dom
- Use cross-spawn to run "cd .react-solo" command
- Use cross-spawn to run npm install (or yarn install if installed)
- Use console.log and chalk to give user updates
- Replace App.js with file that imports the target component and puts it in render function
- Run npm/yarn start in that directory
0.1.0-alpha
7 years ago