#angular

7
9
W ramach odświeżenia wiedzy napisałem aplikację agregującą różne wydarzenia.
Na razie zbierane są audycje radiowe, wydarzenia sportowe, starty rakiet i wydarzenia związane z astronomią oraz święta.
Kategorie wydarzeń można ogwiazdkować i wyeksportować do kalendarza lub RSS.
Dajcie znać co o tym myślicie. Jeśli jest już coś podobnego to dajcie linka.
Czy są inne wydarzenia które chcielibyście tam znaleźć?

Backend napisany jest w PHP 8 (Symfony, API platform), frontend Angular 18, Bulma css.
https://events.w5.lt/

#oprogramowanie #aplikacja #angular #php #sport #radio #astronomia
7a8fbdea-977b-432f-9384-e8347ae03f30
06eb629d-6f4b-49c4-839c-38395a856d9e
54c33c9e-70d5-47b6-9ee7-db04f05d30be
1

@nieinteresujsie - to następnym razem zamiast odświeżać antyczną wiedzę, może naucz się zrobić to samo tylko nowocześniejszymi narzędziami

Zaloguj się aby komentować

Chatgpt? ;)

Dokumentacja angulara

@rayros ja nie ogarniam ludzi, dokumentacja ma najczęściej wszystko czego potrzeba i jest dobrze opisana a i tak ludzie chodzą i szukają materiałów

@Anon karma i jasmine - jest nawet w dokumentacji angulara https://angular.io/guide/testing tam jest chyba wszystko by móc zacząć, a jak potrzeba jakiejś głębszej wiedzy, to można zajrzeć na https://jasmine.github.io/

Może jeszcze przydać się cypress - to jest do E2E testów, ale może też się przyda.

Zaloguj się aby komentować

React to nie framework. Ale zaznaczyłem go, bo używam Next.js, które bazuje na React.

@marmot a to ciekawe. Dlaczego uważasz, że react to nie framework ?

70e0c30b-9725-4905-9d2c-599fe82564e9

@Gitler Bo React nie daje Ci pełnego stacku, a jedynie obsługę tworzenia reaktywnych komponentów. Możesz bez problemu używać takiego React jak kiedyś używało się jQuery (co zresztą w dawnych czasach robiło się podczas migrowania appek z jQuery na React). Do tego, nawet na stronie Reacta masz: "The library for web and native user interfaces", a jak wejdziesz w https://react.dev/learn/start-a-new-react-project to dopiero listę frameworków, które bazują na Reakcie. To, że ChatGPT twierdzi jedno, to nie znaczy, że tak jest . Jak odpisałbyś mu "ale React nie jest frameworkiem", to Cię przeprosi i się poprawi, jak przy wielu innych rzeczach

Komentarz usunięty

Zaloguj się aby komentować

Jak poprawnie parsować response z http post w angularze? Case mam taki, że wysyłam requesta na endpointa(logowane) i mi zwraca albo sam token albo status code 401. I tutaj mam problem bo jak zwraca token to spoko zapisuje sobie w sesji itp ale jak zwraca 401 to w formacie
StatusCode: 401, ReasonPhrase: 'Unauthorized', Version: 1.1, Content: <null>, Headers:
{
}
I teoretycznie też zapisuje to jako token, chociaż nie jest tokenem bo sprawdzam czy po prostu jest jakaś odp xD
Mogę się jakoś dobrać do nagłówków aby status code wyciągnąć czy po prostu na sztywno dać warunek czy istnieje tekst "StatusCode" w response? Nie wiem jak inaczej to zweryfikować a moje rozwiązanie jest delikatnie ujmując brzydkie.
A to jak wysyłam:
signInUser(user: UserLogin){
    return this.http.post(AppSettings.API_URL + CONTROLLER + 'login', user, {responseType: 'text'});
  }
Tajemnicą chyba nie bedzie, że dopiero ucze się więc wyrozumiałości xD
#programowanie #angular
7

@Dapred wejdź w zakładkę network w przeglądarce, jaki http status ma response w przypadku błędu przy logowaniu?

@bzyku95 200 XD no to by wiele tłumaczyło. Królu złoty dzięki wielkie za naprowadzenie

@Dapred spoko, powodzenia

Zaloguj się aby komentować

TailwindCSS
Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className?
W jednym z projektów wyciągnąłem klasy do czegoś takiego:
const cls = {
container: "...",
text: "..."
}
I później w DOM'ie można było użyć className={cls.container} z tym że traciłem wtedy wszystkie ficzery związane z podpowiadaniem kodu i sortowaniem klas.
#tailwindcss #frontend #react #angular #vue #programowanie
10

@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.


Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.


Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.

1e6bfae8-221d-475e-a3de-63bb2e85ea21
e2cbcdbb-3aaf-4981-9a8d-82019c24f330

@Kamil.js Cirkawe rozwiązanie, sprawdze na pewno chociaż mam awersję do styled components z powodu częstych problemów z typowaniem

@Kamil.js Stosowałem i efekt będzie taki sam jak stosowanie @apply, czyli odpada.

Zaloguj się aby komentować