Skip to content

liveview.md

Latest commit

 

History

History
112 lines (83 loc) · 3.2 KB

liveview.md

File metadata and controls

112 lines (83 loc) · 3.2 KB
theme uncover
hidden true
style .center_img { margin: auto; display: block; } .side_by_side { display: flex; align-items: center; justify-content: center; gap: 10px; } .small-text { font-size: 0.75rem; letter-spacing: 1px; font-family: "Times New Roman", Tahoma, Verdana, sans-serif; } li { font-size: 28px; letter-spacing: 1px; } p.quote { line-height: 38px; } q { font-size: 32px; letter-spacing: 1px; } cite { text-align: right; font-size: 28px; margin-top: 12px; margin-bottom: 128px; }
paginate true
backgroundColor
marp true

LiveView

Съдържание

  1. Основи на уеб програмирането.
  2. HTTP протокол.
  3. Plug

LiveView Loop

LiveView will receive events, like link clicks, key presses, or page submits. • Based on those events, you’ll write functions to transform your state. • After you change your state, LiveView will re-render only the portions of the page that are affected by the transformed state. • After rendering, LiveView again waits for events, and we go back to the top

LiveViews == Behavior

  • Behaviour is the opposite of a library
  • When using a library, your code is in charge and calls the library
  • When using a behaviour, the behaviour is in charge and calls parts of your code

Coupling/Cohesion

  • Coupling (свързаност) - Нивото на взаимна зависимост на отделни модули от системата.
  • Cohesion (сплотеност, вътрешна съгласуваност) - До каква степен елементите в един модул принадлежат заедно.
  • Coupling описва отношенията между модулите, Cohesion - вътре в модулите.
  • Функциите в Date модула имат висока кохезия - всички те принадлежат заедно, защото работят с дати.
  • Модулите Enum и Date имат нисък coupling - промяна в един от модулите рядко/никога няма да да доведе нуждата от промяна в другия модул.
  • Когато пишем код се стараем да имаме нисък coupling и висок cohesion.
  • Можем да ги разглеждаме на микро- и макрониво.
    • До каква степен функциите принадлежат към един модул/клас.
    • До каква степен фийчърите принадлежат на един сървис (ако HTTP сървър генерира PDF репорти и изпраща мейли, нещо не е наред.)

The React Idea

  • Колокация на високо свързани (high coupoling) елементи: темплейти, състояние и функциите, които работят с тях.

Liveview Lifecycle

Function Components (Stateless)

Live Components (Stateful)

  • update