Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/aganglada/preact-minimal
🚀 Minimal preact structure
https://github.com/aganglada/preact-minimal
babel jsx minimal preact progressive-web-app pwa react starter-kit webpack webpack-configuration yarn
Last synced: about 3 hours ago
JSON representation
🚀 Minimal preact structure
- Host: GitHub
- URL: https://github.com/aganglada/preact-minimal
- Owner: aganglada
- License: mit
- Created: 2017-02-11T22:22:11.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T17:28:54.000Z (almost 2 years ago)
- Last Synced: 2024-04-15T07:26:45.276Z (7 months ago)
- Topics: babel, jsx, minimal, preact, progressive-web-app, pwa, react, starter-kit, webpack, webpack-configuration, yarn
- Language: JavaScript
- Homepage:
- Size: 1.67 MB
- Stars: 149
- Watchers: 6
- Forks: 19
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# :rocket: preact-minimal
Minimal preact structure.
[](https://travis-ci.org/aganglada/preact-minimal)
[Preact](https://github.com/developit/preact) is just soooooo fast! :zap: :zap: :zap:
But when you have an idea and want to start coding right away, then it becomes really hard and time
consuming to setup and have your application ready to start your development.
**preact-minimal** comes to save your time providing you with the minimal and sufficient kit of
tools you need.
### What's included?
* [preact](https://github.com/developit/preact)
* [preact-router](https://github.com/developit/preact-router)
* [webpack](https://webpack.js.org)
* [babel](https://babeljs.io/)
* [styled-components](https://www.styled-components.com/)
### Demo
https://preact-minimal.aganglada.com
### Want to start right now?
> Follow this steps
```bash
git clone [email protected]:aganglada/preact-minimal.git
cd preact-minimal
npm i
```
#### Run the dev server
```bash
npm run dev
```
Buala! You can start developing now on http://localhost:4000
#### Build assets for production
```bash
npm run prod
```
Running this command will create an `assets` folder that you can expose to your server.
#### Production mode in local
```bash
npm run start
```
You can check on http://localhost:8080
### Preact Developer Tools
You can inspect and modify the state of your Preact UI components at runtime using the [React Developer Tools](https://github.com/facebook/react-devtools) browser extension.
1. Install the [React Developer Tools](https://github.com/facebook/react-devtools) extension
2. [Import the `preact/devtools`](src/index.js#L21) module in your app
3. Reload and go to the 'React' tab in the browser's development tools
### Contributing
I would love to see you contributing to preact-minimal, also by giving feedback.
If you think something is missing, [create a new issue](https://github.com/aganglada/preact-minimal/issues).
[Pull request](https://github.com/aganglada/preact-minimal/pulls) are more than welcome ❤️️
### License
MIT