Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/orlov-vo/preact-example-weather-app
Simple visualizer for weather data
https://github.com/orlov-vo/preact-example-weather-app
canvas example indexdb parcel preact webworker
Last synced: 17 days ago
JSON representation
Simple visualizer for weather data
- Host: GitHub
- URL: https://github.com/orlov-vo/preact-example-weather-app
- Owner: orlov-vo
- Created: 2019-10-12T13:24:03.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-10-12T13:53:26.000Z (over 5 years ago)
- Last Synced: 2024-11-25T19:24:36.674Z (3 months ago)
- Topics: canvas, example, indexdb, parcel, preact, webworker
- Language: TypeScript
- Size: 432 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Simple weather visualizer
This project is written by me to demonstrate abilities to improve rendering big datasets on canvas.
For this feature, I use WebWorker API and IndexDB for storage and process datasets on the browser.## How to run the app
Before installing it you require the Node.js and Yarn on your system.
```sh
yarn
yarn start
```After executing these commands you will get the running web-application on http://localhost:1234
## Why I chose this tech-stack?
In nowadays, I think we should improve perfomance of applications if possible.
For this goal, I recommend to choose tiny libraries or frameworks or write self solutions.My tech stack in this project:
- **Preact X** - because it is React-like framework with small size above 3KB
- **Parcel** - because zero-config bundler is a good choice for small projects
- **TypeScript** - because typings can improve DX in refactoring the codebase
- **Prettier** - because you should spend your mind to write solutions, not for formatting the code
- **Yarn** - because that package manager more powerful and stable than npmIf I had more time for this project, I would also add unit tests.
And for it I would choose **Jest**, amazing testing framework