keva-dev / keva-dev/reactif

Diffing issues

Ouverte
#1 1 commentaire 0 réactions 2 personnes assignées Voir sur GitHub

@lamngo255 y travaille déjà.

Depuis le 9/12/2020.

help wanted
Langage dominant
TypeScript
Étoiles
39
Forks
3
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Array rendering re-paint if append elements to head

Render function:

<ul>
  <li each="todo in state.todos">{{ todo }}</li>
</ul>

Unshift on array state will cause repaint entire the <ul> div:

function addTodo() {
    state.todos.unshift(state.text)
    state.text = ''
}

The same will happen for state.todo[1] = 'Text' and any other operations on array state.

How to solve: Use key for each item, improve the diff for arrays

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Évaluation

Cette issue n'a pas encore été évaluée.

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.