Weather App

An educational app built on custom components.

Installation

Fork-and-clone or clone this repo.

Navigate between tags to explore incremental micro-framework development. This repo doesn't contain the complete weather app code but rather some boilerplate code.

This project contains no production dependencies while requires ES6 compliant browser. So in index.html add type="module" attribute to the script tag at the bottom and open index.html with your browser of the most recent version to have the app up and running.

The codebase is ready for running with ParcelJS a zero configuration web app bundler that supports HMR.

Run yarn global add parcel-bundler to install ParcelJS.

Run parcel index.html to start server.

Tags

Explore incremental changes between tagged commits employing git GUI or following git commands:

• git diff --name-status earlierTag laterTag to list affected files
• git diff earlierTag laterTag to explore changes to affected files
• git diff earlierTag laterTag -- filepath1 filepath2 to explore changes to specified files

Tags:

• simplest-app - simple HTML + embedded JS app
• minimalistic-component - introducing Component
• rich-render - add richer render method supporting nested components
• props - introduce props to customize component content
• render-components-from-html-string - parse HTML string and instantiate components from parsed result
• encapsulated-state - introduce component state
• state-back-propagation - handle parent callbacks to propagate data (state) back to parent