Framework dev plan

Framework capabilities per versions

Usage example is based on the Open Weather API

v1.0.x - add component functions

• Components:
  • App
  • Search by city
  • Temperature units switch (F/C)
  • Today's weather
  • 5 days forecast
• Framework.render
• Static data (3 cities, todays weather, 5 days forecast)

v1.1.x - add API calls

• API: https://openweathermap.org/api
• Features:
  • Global data container gets updated with nw request.
  • Framework: re-renders App
  • Every component looks into global data container
• Code base: single spaghetti-file

v1.2.x - add support for component props, htmlx/jsx Pre-requisites:

• Template literals & tagged letrals: write your own template parser:
  • simple interpolation
  • every param transformed (strings are enclosed in qoutes, numerics are multiplied, objects/arrays stringified, functions => FuncName())
• Data Structures: write your own DOM tree and HTML renderer
• RegExp: write your own HTML parser (HTML string => tree)

Task:

• Function calls => HTMLX/JSX
• Each function => component with props

v1.3.x - add hooks and event handling

• Framework: is able to re-render a specific component (?)
• Hooks:
  • state
  • events

v1.4.x - add state management, context Contexts:

• unit switch
• data

v1.5.x - migrate to production framework