BoltJS - komponentowy framework bez kompilacji

BoltJS - komponentowy framework bez kompilacji
Michał Czerski
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3
1

Hej,
co jakiś czas muszę coś zakodować w JS i za każdym razem frustruje się z powodu reacta i angulara. Są opasłe i trudne do implementacji, wymagają tooli backendowych i na koniec kompilacji. W toku mojej kariery wyszło, że jestem backendowce ale co jakiś musze powrócić do JS i za każdym razem to samo. W związku z tym postanowiłem napisać coś swojego.
W skrócie

  • wystarczy podstawowa znajomość JS
  • umożliwia komponentowe programowanie
  • wystarczy załączyć plik JS i można pisać prototyp
  • ma wbudowaną komunikacje między komponentami
  • ma poniżej 20KB
  • umożliwia pisania dynamicznych stron ładowanych ajaxem bądź obsługę już istniejącego HTML (SSR)
  • umożliwia warunkowe stylowanie elementów np. x-class="isEnabled:enabledClass"

GitHub: https://github.com/stormmoredev/bolt-js-framework
Live demo: https://stormmoredev.github.io/bolt-js-framework/

W przyszłości chciałbym rozszerzyć framework o SPA.

Jeśli macie jakieś pytania pytajcie.

Czy jestem jedyna osoba która tęskni za stylem pracy jak w jQuery (chodzi mi konkretnie o brak kompilacji a nie brak ustrukturyzowanego kodu) ?

obscurity
  • Rejestracja: dni
  • Ostatnio: dni
0
Michał Czerski napisał(a):

co jakiś czas muszę coś zakodować w JS i za każdym razem frustruje się z powodu reacta i angulara.

react i angular to nie jedyne frameworki, jest svelte, solidJS, preact, qwik, lit, vue... tworzenie kolejnego to kiepski pomysł

image

Są opasłe i trudne do implementacji, wymagają tooli backendowych i na koniec kompilacji.

wcale nie, nadal react i większość innych możesz używać dołączając tylko parę bibliotek z cdn, prawdopodobnie większość nie ma poniżej 20KB ale dziś pareset kilobajtów więcej to nie problem, za to ciężko w 20KB zmieścić coś sensownego.
Natomiast jeśli chcesz zaoszczędzić debugowania to typescript jest dobrym pomysłem i tu już w większości trzeba go transpilować choć coraz więcej tooli obsługuje go natywnie. Możliwe że w końcu przeglądarki będą go też obsługiwać natywnie - w końcu typescript jest tak napisany żeby po zignorowaniu typów był w pełni kompatybilny z najnowszym standardem ES więc dużo nie trzeba.

Michał Czerski napisał(a):

Czy jestem jedyna osoba która tęskni za stylem pracy jak w jQuery (chodzi mi konkretnie o brak kompilacji a nie brak ustrukturyzowanego kodu) ?

jQuery jest nadal rozwijany i popularnie używany, zupełnie nikt ci nie broni go używać poza własnym wstydem. Hint: tworzenie własnego rozwiązania jest gorsze niż używanie jQuery

Michał Czerski
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3
1
obscurity napisał(a):

jQuery jest nadal rozwijany i popularnie używany, zupełnie nikt ci nie broni go używać poza własnym wstydem. Hint: tworzenie własnego rozwiązania jest gorsze niż używanie jQuery

Napisałem narzędzie które spełniała moje oczekiwania bo żadne inne tego nie robi i dziele się tym. To tyle 😀

obscurity
  • Rejestracja: dni
  • Ostatnio: dni
0

ok, no przyznaję że sam czegoś takiego szukałem i myślałem żeby napisać bo gdy chce napisać szybko prosty standalone skrypt to najsensowniejszym rozwiązaniem jest vanilla javascript albo jQuery, ostatnio coś takiego właśnie implementowałem w czystym javascript bo wszystko wydawało mi się przeinżynierowane do mojego use case (dosłownie potrzebowałem interakcji tylko z jednym przyciskiem i dwa dynamiczne divy).

Natomiast nie podoba mi się składnia (te x-). Może nawet bym tego czasem użył gdybym miał pewność że to zaraz nie zniknie i będzie wspierane. Natomiast przeczucie mówi że projekt zaraz umrze i nie warto się nim interesować. Jestem też pewny że podobnych projektów jest tysiące tylko że raczej ciężko je znaleźć przez niszowe zastosowanie.

Popraw linki w dokumentacji bo w przykładach masz odwołania do storm-js zamiast bolt-js i nie działają.

No i widać że jesteś starej daty - "submit ajax"? Nikt nie używa XML, ani obiektu XMLHttpRequest, ani nawet terminu "ajax" od wielu, wielu lat.
Modal Dialog masz wbudowany w HTML: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.