10 przydatnych bibliotek JavaScript – czerwiec 2017

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.

Boba.js

Boba.js to lekka i rozszerzalna biblioteka, która ułatwia integrację z Google Analytics.

bricklayer.js

bricklayer.js to niezależna biblioteka umożliwiająca utworzenie inspirowanego Pinterestem układu grid.

chocolat.js

chocolat.js to rozbudowany plugin służący do tworzenia lightboxów. Oferuje kilkanaście trybów wyświetlania zdjęć.

EaselJS

EaselJS znacznie upraszcza pracę z HTML Canvas. Ta biblioteka przyda się między innymi w tworzeniu gier.

Dynamics.js

Dynamics.js pozwala na tworzenie animacji opartych o fizykę.

parallax.js

parallax.js to popularna biblioteka do tworzenia efektu parallax.

PACE

PACE służy do wyświetlania pasków postępu (progress bar).

vivus.js

vivus.js dodaje animację rysowania do elementów SVG.

Joi

Joi to rozbudowana biblioteka służąca do walidacji formularzy. Oferuje mnóstwo typów walidacji i umożliwia przejrzysty zapis reguł.

const Joi = require('joi');

const schema = Joi.object().keys({
    username: Joi.string().alphanum().min(3).max(30).required(),
    password: Joi.string().regex(/^[a-zA-Z0-9]{3,30}$/),
    access_token: [Joi.string(), Joi.number()],
    birthyear: Joi.number().integer().min(1900).max(2013),
    email: Joi.string().email()
}).with('username', 'birthyear').without('password', 'access_token');

const result = Joi.validate({ username: 'abc', birthyear: 1994 }, schema);

AniJS

AniJS to ciekawa biblioteka, która pozwala na dodawanie animacji w bardzo czytelny sposób:

<div data-anijs="if: click, do: flipInY, to: .container-box"></div>