Ryan Atkinson opublikowal ciekawe badanie liczace tokeny LLM w 18 frameworkach JS. Wyniki: Marko uzywa 22% mniej tokenow niz Svelte. Angular 101% wiecej. Brzmi jakby Angular byl najgorszym wyborem do kodowania z AI? Nie tak szybko. Frameworki z mniejsza liczba tokenow sa bardziej niejawne.

Ukrywaja lifecycle hooki, nazwy komponentow i informacje o typach. To sprawia ze AI halucynuje czesciej. Jawny kod daje LLM lepszy kontekst i silniejsze typowanie.

Pelny tekst: https://tomasz-smykowski.com/blog/frontend-framework-tokens

#
tomaszs - Ryan Atkinson opublikowal ciekawe badanie liczace tokeny LLM w 18 framework...

źródło: 1000040169

Pobierz
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Chciałem Wam pokazać mój projekt, który był dla mnie poligonem doświadczalnym i zderzeniem z dwiema nowymi technologiami. Jako fan gier słownych postanowiłem uderzyć w temat krzyżówek i synonimów, a przy okazji sprawdzić w boju Angulara oraz Fluttera.

Wersja Web: https://haslator.pl
Aplikacja Android: https://play.google.com/store/apps/details?id=pl.xview.x_crossword_mobile

Tak powstał Haslator – kontekstowa wyszukiwarka haseł, która ma ułatwić życie każdemu, kto utknie przy niedzielnej krzyżówce lub szuka odpowiedniego słowa do tekstu.
poocoo - Chciałem Wam pokazać mój projekt, który był dla mnie poligonem doświadczalny...

źródło: image

Pobierz
  • 6
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Pamiętacie to? Znalazłem przyczynę. Otóż używamy wtyczki jib-maven-plugin do budowania obrazów Docker. Tak narzucił pośrednik klienta, ale mamy wolną rękę i można to zmienić. Wtyczka ta dba o reproducible builds i między innymi ustawia wszystkie daty na 1970. W konfiguracji nie da się zachować oryginalnych dat, a jedynie ustawić sztywną datę.

Ale czy to by pomogło i przeglądarka za każdym razem by sprawdzała, czy jest nowa wersja?

Z serwera dostajemy:
- Last-Modified: Thu, 01 Jan
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Wdrażamy nową wersję aplikacji Angular. Klient nadal widzi starą wersję, bo przeglądarka zapisała w pamięci podręcznej. Jak sobie z tym radzić? Angular tworzy pliki .js z losowym ciągiem znaków, ale to index.html jest cachowany.

Po analizie wyszło, że serwer lighttpd zwraca datę Last-Modified 1970.

Można wymusić Cache-Control: no-cache, no-store, must-revalidate

Ale
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@SendMeAnAngel: Najlepszym rozwiązaniem jest wyłączenie cache dla index.html, a pozostawienie długiego cache dla haszowanych plików. To jest powszechnie stosowany sposób. Wymusza pobranie najnowszej wersji aplikacji, a pozostałe pliki mogą być cache’owane, bo mają unikalne nazwy po każdym buildzie Angulara.

@sokytsinolop To, co mówisz, ma sens przy CDN-ach, gdzie często robi się cache invalidation, ale nie rozwiązuje głównego problemu. W Angularze hashowane pliki nie wymagają czyszczenia cache, bo kluczowe jest
  • Odpowiedz
@SendMeAnAngel: ale po co kombinujesz z jakimiś workerami - index.html musi mieć no-cache a wszystko inne bardzo długi cache jak opisał @ra_s - absolutnie nie ma lepszego rozwiązania i dodatkowo to jest bardzo proste
  • Odpowiedz
AngularJS powstał 15 lat temu i skończył się prawie 4 lata temu, gdzie już przed tą datą był przestarzały. Angular (2+) powstał 9 lat temu.
Najgorsze w tym wszystkim jest to, że w ofertach pracy obie nazwy są mylone i użyta jest nazwa przestarzałej technologii.
Lub jeszcze gorzej... pod ofertą z nazwą Angular może kryć się praca w AngularJS.

#pracait #programowanie #programista15k #angular #
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Mirki, czy ktoś by miał ochotę przetestować nową wersję mojej aplikacji, która pomaga przygotować się do rozmów rekrutacyjnych programistom i devops (iOS/Android)? https://www.itflashcards.com/ dodałem ostatnio ponad 5000 quizów, nowy design, dark mode.

Jak by ktoś miał chęć sprawdzić to mogę dać kod do konta premium na 30 dni za darmo :)

Mam już kilkudziesięciu subsrybentów z całego świata, ale cholernie ciężko się wbić na dobre pozycje w sklepach Google i Apple :(
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@Omer86: Dla mnie korpoidiotyzmy to uwłaczanie człowiekowi, nie poszedłbym na taką rozmowę nawet by się płaszczyć ( ͡° ͜ʖ ͡°)
Ale miło że próbujesz pomóc innym by jakoś to przetrwali
  • Odpowiedz
  • 0
@mcsQ: 1. Też korzystamy z różnych LLM, lista głupich pytań i głupich odpowiedzi, jest duża. Trzeba to ręcznie sprawdzać i weryfikować. 2. Nie masz quizów do śledzenia postępów. 3. Wkrótce chcemy nawiązać współpracę z blogerami, którzy będą weryfikować dodatkowo nowe pytania i odpowiedzi, więc będą to sprawdzone informacje.4. LLM nie jest nawet w stanie wygenerować Ci 100 pytań i odpowiedzi bez wielu błędów.
  • Odpowiedz
Gdzie łatwiej znaleźć pracę?

Angular - mniejsza konkurencja, ale mniej ofert
Spring - większa konkurencja, ale więcej ofert
#pracait #angular #spring

Co wybrać

  • Angular 52.1% (25)
  • Spring 47.9% (23)

Oddanych głosów: 48

  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Gdzie łatwiej znaleźć pracę?

Angular - mniej ofert, ale mniejsza konkurencja
Spring - więcej ofert, ale większa konkurencja
#pracait #angular #spring

Co wybrać

  • Angular 57.1% (20)
  • Spring 42.9% (15)

Oddanych głosów: 35

  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Jak podchodzicie do testowania kodu frontowego? Przyznam szczerze, że spotkałem się już z wieloma podejściami, ale chyba najbardziej podzielam to o których pisze twórca RTLa, czyli żeby test komponentu odzwierciedlał jego realne użycie przez end usera. Więc piszemy głównie testy integracyjne wspierając się tylko unitami.

#programista15k #programowanie #frontend #react #vuejs #angular
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@AntyKuc RTL i uzywasz zgodnie z accessibility czyli tak jak ta biblioteka zostala zaprojektowana. Jest kilka waznych zasad:

1. Nie testuj styli, jakis wizualnych aspektow - od tego sa visual testy
2. Nie uzywaj dataTestId - to dodaje smieciowy kod i wymusza implementacje - testy powinny dzialac praktycznie niezaleznie od implementacji ficzera, liczy sie efekt
3. Nie sprawdzaj czegos co jest juz testowane gdzie indziej - jezeli Twoj komponent renderuje inny komponent ktory ma
  • Odpowiedz
@mirasKo-Kalwario czy jest okej to jest kwestia do dluzszej dyskusji, napewno w unitach to nie jest okej (mozesz o tym poczytac nawet w ich dokumentacji) natomiast to ze wydaje Ci sie ze jest szybciej to jest miecz obosieczny bo wystarczy ze zmienisz lekko implementacje i test Ci wywali i ttzeba poprawiac i test i dodawac datatestid. Jezeli nie jestes w stanie inaczej tego zrobic to znaczy ze nie tyle test jest
  • Odpowiedz
@tomaszs: złożone SaaSy? tożto antonim.

A jaki masz problem z multi-tenant w supabase? Chętnie pomogę, nawet RBCA Ci pokażę jak zaimplementować (jak ja to robiłem pare lat temu przynajmniej - teraz pewnie są jakieś natywne metody)
  • Odpowiedz
Angular 20 próbuje być miły dla vibe coderów. Jest... różnie
https://tomaszs2.medium.com/angular-20-tries-to-be-friendly-to-vibe-coders-its-complicated-7b611a051f72?sk=2f2b08d57d4bf24d8ca3145d2fd1da21

Nowy Angular 20 już oficjalnie wyszedł — i o dziwo, zamiast walić po łbie vibe coderów jak do tej pory, robi nieśmiałe ukłony w ich stronę. Ale czy to znaczy, że vibe coding (czyli szybkie klepanie z AI bez ton configów i boilerplate'u) ma w ogóle sens w Angularze?

#programowanie #angular #vibecoding
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@tomaszs: Mam dość sceptyczne podejście do vibe codingu, szczególnie w kontekście Angulara, który z natury nie jest lekkim frameworkiem. Jasne, AI i promptowanie potrafią przyspieszyć pewne rzeczy, ale często okazuje się, że dopieszczanie prompta, żeby wygenerował coś sensownego i zgodnego z wymaganiami, zajmuje więcej czasu niż napisanie tego samemu – zwłaszcza gdy zna się dobrze narzędzia. Z drugiej strony, widać, że Angular 20 próbuje otworzyć się na nowe podejście: mniej
  • Odpowiedz
AI pisze ci aplikację w kilka godzin.
Ale też potrafi w tym czasie zrobić taki bajzel, że sam się z niej nie wyplączesz.
7 pułapek Vibe Codingu, które mogą rozwalić ci kod — i jak tego uniknąć:
https://tomaszs2.medium.com/vibe-coding-is-the-future-but-it-can-wreck-your-codebase-if-youre-not-careful-a5f3ea3a4f15

#programowanie #ai #vibecoding #javascript #angular #vuejs #webdev #machinelearning #naukaprogramowania #devlife
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach