How to become an author
  • All streams
  • Development
  • Administrating
  • Design
  • Management
  • Marketing
  • PopSci
Log in Sign up
11.0
Karma
0.0
Rating
1
Followers
0
Following

Вадим Двухжилов notyourhero

JS Developer

Profile

Posts 1

Comments 13

Bookmarks 2

  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 28, 2020 at 01:34 PM
    0
    Привет. Я не эксперт в области либ по канвасу)
    Можешь посмотреть приведенные в статье, попробовать накидать по прототипу на каждой и сравнить. Линейный график — достаточно распространенная визуализация, возможно, у каждой либы есть уже готовый компонент/код для такого.

    Вообще, раз уже есть написанное решение, я бы посоветовал сначала попрофилировать код. Возможно, всплывут узкие места, которые связаны не с самой отрисовкой на канвасе, а с чем нибудь другим.
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 27, 2020 at 03:36 PM
    0
    Да, конечно, можно! Но, мы были ограничены в сроках и ресурсах, поэтому рассматривали больше именно варианты «из коробки», нежели собственную разработку.

    Но, движения в сторону новых схем есть. Решим проблемы и обязательно напишем про это ещё одну статью)
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 27, 2020 at 03:02 PM
    0
    Напиши в личку что за браузер и ОС.
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 27, 2020 at 03:02 PM
    0
    JS-код схемы (код компонента + либы) мы получаем отдельным асинхронным чанком и у нас отдельные бандлы на разные страницы, поэтому пока схема не понадобится для показа — браузер не грузит этот код. Пользователь видит скелетон схемы.
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 27, 2020 at 02:54 PM
    0
    Спасибо за огромный комментарий! Кажется, тебе стоит и самому написать статью про такие схемы)

    И спасибо большое за баг-репорты и советы!
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 26, 2020 at 01:31 PM
    0

    Я понял, с вашей точки зрения это не минус, но сравнения с машинами меня все равно не убедило убрать это из статьи.


    просто вам лень

    Я не знаю как тут на Хабре принято. Но это уже явно переход границы профессионального общения.


    Если хочется ещё поговорить, я предлагаю созвониться и поболтать голосом)

  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 26, 2020 at 11:09 AM
    0
    Я не понимаю как то, что мы решили не делать SSR для схемы должно отменять этот «минус»? По моему мнению, эти факты между собой не связаны и не взаимоисключающие. Можешь пояснить подробнее?
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 26, 2020 at 10:58 AM
    0
    что мешает

    К сожалению, ресурсы разработки не бесконечные. Приходится искать компромиссы.
    В идеальном мире можно было сразу все идеально сделать)

    Возможно, это будет одной из доработок на будущее ;)
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 26, 2020 at 10:45 AM
    0
    Посмотри, я ответил выше на это) habr.com/ru/company/tinkoff/blog/535046/#comment_22466502
  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 26, 2020 at 10:40 AM
    0

    Привет. Сейчас поясню. Для нас тут дело не в индексации поисковиками.


    Есть случаи, когда пользователь сразу открывает страницу где должна быть схема. И при этом схема сразу во вьюпорте. Но, так как SSR на неё нет, то ему приходится ждать прогрузки js-кода и инициализации.


    Это, конечно, для кого-то и не минус, но мы на tinkoff.ru стараемся по максимуму отрисовывать на сервере то, что пользователь может увидеть сразу. Чтобы у пользователя был более плавный UX. Поэтому я и записал это в минусы.

  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 25, 2020 at 09:04 PM
    0

    Pixi автоматически использует WebGL в современных браузерах. Canvas2d в старых.
    Но опять же, такое более актуально для игр где много чего происходит на экране. Или для красивых 3D анимаций. Для статичных схем как у нас вся мощь WebGL не раскрывается. Поэтому подкапотные оптимизации от Pixi — скорее приятный бонус)

  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 25, 2020 at 07:36 PM
    0

    Обязательно исправлюсь)

  • Делаем схему выбора мест в кинозале на React: о canvas, красивом дизайне и оптимизации
    30
    notyourhero
    December 25, 2020 at 06:11 PM
    0
    Спасибо, интересная либка! добавил упоминание

Info

  • Rating 5,943–d
  • Date of birth August 5, 1990
  • Works in TINKOFF
  • Activity 4/16/21, 4:19 PM
  • Registered December 17, 2020

Contribution to hubs

  • JavaScript 54
  • Client optimization 54
  • Canvas 54
  • ReactJS 54

Your account

  • Log in
  • Sign up

Sections

  • Posts
  • Hubs
  • Companies
  • Users
  • Sandbox

Info

  • How it works
  • For Authors
  • For Companies
  • Documents
  • Agreement
  • Terms of service

Services

  • Ads
  • Subscription plans
  • Content
  • Seminars
  • Megaprojects
© 2006 – 2021 «Habr»
Language settings
About
Support
Mobile version
Language settings
Interface
Content