Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Одна форма отправки ответов к комментариям #1216

Merged
merged 6 commits into from
Jun 25, 2024

Conversation

nlopin
Copy link
Collaborator

@nlopin nlopin commented Jun 24, 2024

Что

Использует одну форму отправки ответов к комментариям вместо того, чтобы создавать скрытую форму ответа для каждого комментария

Демка в loom (звук так себе получился, сорян)

Зачем

Мы генерим много форм, из которых используется только одна. Ожидаем, что размер страницы уменьшится и браузеру станет полегче.

Сейчас есть такие темы:

Как

  1. Все комментарии завернуты в новый vue компонент ReplyContainer. Он содержит форму ответа на комментарии.
  2. При клике на "отправить" контейнер получает айди комментария и переносит единственную форму под блок этого комментария (пришлось переделать верстку, чтобы этот подход не создавал непонятных состояний)
  3. Форма отправляется как и раньше

Closes #1210

@nlopin nlopin requested a review from vas3k as a code owner June 24, 2024 20:08
@@ -57,7 +57,6 @@ export default {
data() {
return {
selectedUserIndex: null,
postSlug: null,
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

эта штука не используется в компоненте

@igoose1
Copy link
Contributor

igoose1 commented Jun 25, 2024

Супер, по-моему. Я не могу оценить код в темплейтах, но я оценил UX ручками. Руками баги не нашел.

Copy link
Owner

@vas3k vas3k left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Охуенно!

@vas3k vas3k merged commit 284e542 into vas3k:master Jun 25, 2024
6 checks passed
@nlopin nlopin deleted the perf/less-comment-forms branch June 25, 2024 12:57
@nlopin
Copy link
Collaborator Author

nlopin commented Jun 25, 2024

Размеры:
https://vas3k.club/question/5/ - до 131Kb, после 122Kb
https://vas3k.club/thread/10298/ - до 225Kb, после 210Kb

@trin4ik
Copy link
Contributor

trin4ik commented Jun 25, 2024

Размеры: https://vas3k.club/question/5/ - до 131Kb, после 122Kb https://vas3k.club/thread/10298/ - до 225Kb, после 210Kb

опередил. ага, чуть меньше 10% в экономии. вроде и не много, но в количестве dom объектов там наверняка приличней. надо было бы ещё память замерять

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Рефакторинг формы реплаев в комментах
4 participants