Low level code

Kodas neišskaidytass pagal infrastruktura ir biznio logiką

Vietoje UI-kit tiesiogiai naudojamas lenteles (HTML) css (stiliai):

return (
  <tr className={styles.summaryRow}>
    <td className={styles.summaryCell} >Total</td>
      {visibleDays.map((day) =>
        <TableSummaryCell
          key={day}
          day={day}
        />
      ))}
      <TableSummaryAllCell />
    </tr>
  );

Tiesiogiai naudojami stiliai styles.cell, styles.sticky :

return <td className={classNames(styles.cell, styles.sticky)}>{month Total}h</td

Šalia komponentų failai su stiliais

Tiesiogiai naudojami input:

<form onSubmit={handleSubmit}>
  <div className={styles.formGroup}> <label htmlFor="name">Name: </label>
    <input type="text"
      id="name"
      name="name"
      value={formData.name}
      onChange={handleInputChange}
      required
    />
  </div>
<div className={styles.formGroup}>

Arba pvz kaip pakeisti data ir kokios datos reikia.

Raiki atskirti biznio koda is infrastruktūra

  graph TD;
      Title[biznio kokas, biznio logika]-->Title2[infrastruktūra, techninis problemos];

Jeigu padauges biznio, infrastruktra liks tiek pat

  graph TD;
      Title[biznio kokas, biznio logika]-->Title2[infrastruktūra, techninės problėmos];
      Title3[biznio kokas, biznio logika]-->Title2[infrastruktūra, techninės problėmos];

Minusai

• daug papildomo koda
• keičiant reikia pakeisti daugiau kodo
• "sunkumas" išmetytas po projektą

Sprendimai

• bibliotekų naudojimas
• savos infrastruktūros parašymas. Insftrastruktos pattern'ai. Sudėtingas Typescript