W tym artykule poznasz 10 przydatnych bibliotek JavaScript. Większość z nich będziesz mógł natychmiast wykorzystać w swoich projektach. Nie przedłużając, przejdźmy do pierwszej z nich.

SmartPhoto

SmartPhoto to najprostszy sposób na wyświetlenie zdjęć w responsywnym lightboxie. Biblioteka skupia się szczególnie na urządzeniach mobilnych i gestach.

smartphoto

UPNG.js

UPNG.js to biblioteka służąca do pracy z plikami PNG. Jedną z funkcji jest kompresja obrazów.

UPNG

Tinytime

Tinytime to bardzo lekka biblioteka, która pozwala na formatowanie daty i czasu. Pozwala na definiowanie szablonów, z którym możesz korzystać wielokrotnie.

const template = tinytime('{h}:{mm}:{ss}{a}');
function Time({ date }) {
  return (
    <div>
      {template.render(date)}
    </div>
  )
}

Birdview.js

Birdview.js to ciekawa biblioteka umożliwiająca oddalenie widoku strony (cały dokument widoczny jednocześnie) i przywrócenie normalnego widoku po kliknięciu.

birdview

StrMan

StrMan dostarcza ponad 60 przydatnych metod, które ułatwiają manipulację ciągami.

const title = 'superman'
replace(title, 'upe', 't')
// => 'strman'

C3.js

C3.js to oparta o D3 biblioteka służąca do generowania wykresów. Jest wygodna i umożliwia zaawansowane modyfikacje.

c3

Walkway.js

Walkway to prosta biblioteka ułużąca do animacji SVG.

walkway

Bonsai

Bonsai to lekka biblioteka służąca do manipulacji i animacji grafiki. Jest to jedno z najbardziej zaawansowanych narzędzi w tej kategorii.

bonsai

Prettier

Prettier to biblioteka, która służy do formatowania kodu JavaScript. Zapewnia spójny wygląd kodu.

prettier

Aquarelle

Aquarelle to biblioteka, która pozwala na tworzenie pięknego efektu akwareli.

Aquarelle

Spodobał Ci się artykuł? Dzięki naciśnięciu serduszka poniżej będę wiedział jakie treści tworzyć. Dzięki! :)

  • Tomasz Sochacki

    Z tą biblioteką StrMan to tak na prawdę większość jej metod można łatwo wykonać bezpośrednio w ECMAScript 5 i 6. Na przykład startsWith, endsWith, contains itp. W wielu wypadkach wystarczy użycie metody String.prototype.replace z prostym regexp albo zastosowanie metody RegExp.prototype.test i mamy wszystko bez żadnych dodatków.

    Fajnie, że zbierasz takie różne biblioteki bo często można coś ciekawego dodać do „schowka” na przyszłość 🙂

    Pozdrawiam