Premiera Flitter 1.0.0: Biblioteka SVG zastępująca D3

Wprowadzenie do biblioteki Flitter

Geneza Flitter

Współczesne środowisko rozwoju stron internetowych wymaga wizualizacji danych. Przekształcanie złożonych zestawów danych w łatwe do zrozumienia formy stanowi nieustanne wyzwanie dla programistów. Flitter powstał, aby sprostać temu wyzwaniu. Pomimo istnienia wielu różnych bibliotek do wizualizacji danych, programiści często mają trudności ze znalezieniem funkcji w pełni odpowiadających ich potrzebom wśród dostępnych opcji. Często implementacja nawet prostych wykresów lub diagramów wiąże się z dużym obciążeniem w zakresie nauki i czasu.

Problemy rozwiązywane przez Flitter

Głównym celem Flitter jest umożliwienie programistom szybkiej i łatwej implementacji wizualizacji danych, takich jak wykresy i diagramy. W tym celu Flitter oferuje dwie główne funkcje.

1. Deklaratywne pisanie kodu z wykorzystaniem widżetów: Flitter wprowadza model programowania deklaratywnego, który pozwala programistom na prostą i intuicyjną reprezentację pożądanych elementów wizualnych. To podejście stosuje paradygmat szeroko przyjęty w nowoczesnych frameworkach internetowych, takich jak React, do wizualizacji danych.
2. Zaawansowane obliczenia układu: W wizualizacji danych dokładne obliczenia układu i pozycji mają kluczowe znaczenie. Flitter automatyzuje złożone obliczenia układu, takie jak wnioskowanie o szerokości tekstu, co pozwala programistom skupić się na rozwijaniu ważniejszych aspektów logiki.

Kiedy Flitter jest potrzebny?

Flitter jest idealny szczególnie w projektach o wymagających potrzebach w zakresie wizualizacji danych lub w sytuacjach, gdy konieczna jest szybka implementacja prostych wykresów lub diagramów. Ponadto oferuje programistom z doświadczeniem w Flutterze znajomy składniowo i strukturalny sposób pracy, maksymalizując synergię między platformami internetowymi i mobilnymi.

Główne aktualizacje i ulepszenia

Nowe funkcje

• Wzmocnione wsparcie dla SSRWersja 1.0.0 znacznie poprawiła wsparcie dla SSR (Server-Side Rendering). W poprzednich wersjach istniała zależność od konkretnych zależności Node.js, jednak teraz wszystkie one zostały usunięte, co zapewnia stabilne działanie w różnych środowiskach, takich jak Vercel czy Cloudflare. Dzięki temu programiści mogą łatwiej integrować Flitter ze swoimi projektami, bez względu na używany framework.
• Ulepszona funkcjonalność GuestureDetectorFlitter teraz oferuje efekt propagacji zdarzeń odpowiadający drzewu widżetów. Pozwala to na bardziej precyzyjne kontrolowanie interakcji użytkownika i zapewnia programistom większą elastyczność w implementacji złożonych interakcji.
• Dodanie widżetu ZIndexDotychczas SVG nie oferował bezpośredniego wsparcia dla atrybutu z-index. Flitter 1.0.0 obejmuje widżet ZIndex, który pozwala obejść to ograniczenie i daje programistom możliwość wyraźnego kontrolowania priorytetu warstw elementów.

Ulepszenia wydajności

• Flitter znacznie poprawił prędkość pierwszego renderowania diagramów oraz wydajność interakcji. Skrócono czas renderowania złożonych diagramów z 140 ms do 30 ms, kładąc nacisk na optymalizację wydajności.
• W przypadku zmian stanu zachodzących w jednym stosie wywołań, zastosowano przetwarzanie wsadowe, aby zmniejszyć liczbę ponownych renderowań.

Główne poprawki błędów

• Naprawiono błąd, który uniemożliwiał ponowne renderowanie po wywołaniu setState wewnątrz obsługi zdarzeń zarejestrowanych za pomocą addPostFrameCallback().
• Naprawiono problem z implementacją responsywności przeglądarki, w którym wysokość (height) była ustawiana niezgodnie z wysokością elementu nadrzędnego, gdy wysokość była ustawiona na 100%.

Przykłady użycia i dokumentacja

React

Aby korzystać z Flitter w React, zainstaluj poniższe dwie paczki.

Importowanie widżetu z flitter-react ułatwia korzystanie z Flitter w środowisku React.

Szczegółową dokumentację i przykłady użycia Flitter, od podstawowych zasad do zaawansowanych funkcji, można znaleźć na Oficjalnej stronie dokumentacji.

Społeczność i sposoby wkładu

Społeczność Flitter aktywnie komunikuje się za pośrednictwem GitHub i Discord. Programiści mogą bezpośrednio sugerować funkcje lub zgłaszać błędy na GitHubie, a na kanale Discord mogą dzielić się pomysłami i doświadczeniami związanymi z Flitter. Wkład każdego uczestnika jest kluczowy dla rozwoju projektu Flitter.

Plany na przyszłość i wizja

W krótkoterminowej perspektywie Flitter skupia się na naprawianiu błędów i ulepszaniu wydajności, a w dłuższej perspektywie dąży do zapewnienia lepszych wrażeń z SSR oraz rozwoju dodatkowych funkcji w celu wzbogacenia wizualizacji danych. Ostatecznym celem Flitter jest rewolucja w sposobie, w jaki korzystamy z wizualizacji danych w ekosystemie rozwoju stron internetowych, poprzez zapewnienie kompleksowego i skalowalnego rozwiązania.