#typescript

Ale jestem po⁎⁎⁎⁎ny. Wymyśliłem sobie, że to może być powoli czas kiedy mój syn dostanie własny komputer. Dzieciak za kilka dni będzie mieć 8 lat. Smartphona pewnie nie dostanie jeszcze długo bo uważam, że telefon w kieszeni wyrabia sporo niedobrych nawyków, a komputer to jednak coś innego. Obecne dzieciaki mają problem z obsługą myszki, pisaniem na klawiaturze i wszystko przez to, że obecnie dzieci grają na telefonach lub konsolach (25 lat temu używaliśmy komputerów do gier). Udało mi się go zainteresować komputerami dość mocno i nawet w godocie robiłem z nim prostą grę, więc mam nadzieję, że odziedziczył zainteresowanie po mnie :grinning: Na początek wyszperałem starego lapka sprzed ponad 10 lat i zaczynam przygotowania. Zainstalowałem tam Lubuntu #linux i jeszcze parę rzeczy muszę pokonfigurować.
W sumie ciekawi mnie co o tym myślicie, dalibyście dziecku kompa?

Pomyślałem, żeby nie podawać hasła do wifi i niech używa go tylko offline - przynajmniej przez jakiś czas. Gdy będzie potrzeba to zawsze coś mogę wgrać z mojego konta administratora. Po pewnym czasie stwierdziłem, że to może nie jest najlepszy pomysł, że może lepiej użyć jakiejś aplikacji do kontroli rodzicielskiej i odblokować mu takie strony jak duolingo czy typingclub, aby sobie ćwiczył w wolnych chwilach.
Szperałem, szukałem i w sumie żadna apka mi nie spasowała. Albo zbyt rozbudowane, albo zbyt proste. No i postanowiłem napisać swoją aplikację do kontroli rodzicielskiej. Wczoraj wieczorem zacząłem i w sumie idzie to całkiem nieźle. Wszystko implementuję w #nodejs #typescript i do tego nest.js Aplikacja odpalana jest z uprawnieniami roota i wystawia swaggera. W konfiguracji jest podany klucz publiczny do sprawdzenia JWT, a na moim prywatnym kompie generuję sobie JWT. To co udało mi się zaimplementować w te 2-3 godziny to monitorowanie wszystkich procesów na kompie - odpowiedni serwis generuje zdarzenia i one są odpowiednio obsługiwane. Dzięki temu będę wiedział ile czasu co ma włączone. Muszę jeszcze ogarnąć strategię dzielenia procesów na kategorie no i jeszcze dodać limity i filtrowanie stron internetowych podawane przez swaggera. No i w planach komunikacja z HA po mqtt i takie tam. W sumie myślałem, że to będzie trudniejsze, ale idzie elegancko.
W planach jest, że wyślę na odpowiedni POST do apki i np. będę w stanie zrobić mu bana na określoną grę przez kilka dni. Ale to jest złe :grinning:

Pisząc aplikację, przeskoczyłem do frontendu od sporej przerwy.

I tak sobie myśle, że dzisiaj pracować w frontendzie to spoko sprawa w stosunku do kiedyś.

Dzięki standaryzacji, powszechności modułów ESM w przeglądarkach, już wszystkie babele, transpilery, CSS prefixery i uje muje dzikie węże to historia.

Jesteśmy już w tym stanie, gdzie wszystkie przeglądarki są spoko. Nie ma obecnie żadnego IE czy netscape który tylko wk@#^@.

Jestem tylko ciekaw, czy dożyje momentu, gdy JS pójdzie do historii i pozostanie tylko typescript :smiley: To by było dobre.

#przemyslenia #programowanie #nodejs #node #javascript #typescript #frontend

K⁎⁎wa co ja odjebałem xD Pi⁎⁎⁎⁎⁎iłem się 2h ale działa! Wreszcie działa xDD

Wole to dzisiaj skończyć bo jutro nie będę wiedział co to k⁎⁎wa jest xD

#typescript #programowanie

Kude xD Mam problem w TypeScript xD

Da się zrobić interfejs dla tego obiektu?
https://pastebin.com/hZvaA6Sx

DOCZYTAJ DO KOŃCA:
Chodzi o to by ten interfejs walidował stringi w indexes na podstawie kluczy w schema? Chodzi o to, by w kolumnie indexes nie było innych wartosci niż klucze obiektu z sasiedniego obiektu schema.

Dane wlatują w funkcję, i nie wiem jakie kolumny będą z poziomu programisty. Więc wszelakie
index: 'id | 'server_id'

odpada, bo nie wiem czy to bedzie id czy d⁎⁎a_id, czy server_id czy ujwieco_id

Chce to zrobic automatycznie,, by typescript sam to ogarnął poprzez kolumne schema #pytanie #programowanie #typescript

Cześć!

Dzisiaj jeszcze garść krótkich ciekawostek o #react a później już zaczniemy może coś bardziej technicznego :smiley:

ReactJS: 7 Ciekawostek:

1. Początki w Facebook
2. Pierwsze publiczne przedstawienie
3. To nie jest framework!
4. Virtual DOM – bohater (bardzo) niewidzialny
5. Inspiracja wzięta z XHP
6. React Native - brat bliźniak
7. A w sumie, to dlaczego "React"?

:point_right: Pełny post na https://programystics.com/reactjs/reactjs-7-ciekawostek/

Zostaw piorun, komentarz albo ... cokolwiek 😉

#reactjs #programowanie #javascript #typescript #frontend

#programystic <- tag do obserwowania lub "czarnolisto-wania"

Cześć Wam!

Wracamy do gry, po burzliwym okresie w PL 💪
Ostatnio pastwiliśmy się nad wadami Virutal DOM

Dziś przyszedł czas na jego zalety. Jedną z nich poznaliśmy 2 posty wcześniej, lecz to tylko "liźnięcie" tematu.

>Wirtualny DOM, to Świety Graal Frontendu? :sparkles:

:point_right: Więcej na ten temat: https://programystics.com/bez-kategorii/wirtualny-dom-to-swiety-graal-frontendu/

ps jeśli chcesz się podzielić INNYMI doświadczeniami na w/w, to zapraszam do komentowania 🔥

#react #reactjs #programowanie #javascript #typescript #frontend

Właśnie zrobiłem upgrade bibliotek projektu w React, chociaż jestem backendowcem głównie, ale ogólnie orkiestrą.

1. Wyje@#% yarn'a i dałem NPM'a. Kiedyś yarn miał sens, ale npm rowniez jest szybki lub nawet szybszy
2. Jako to ze npm install && npm update jest czysty, to może bun'a zaciągne dla nich, by Ci/CD był szybszy.
3. Nie wiem jakim cudem wczesniej yarn install działał ale npm install nie. Były locki między bibliotekami, ale yarn ma to w d⁎⁎ie?! ni wiem. Po⁎⁎⁎⁎ne narzędzie, npm lepszy, bo prosty i ładniej pokazuje zależności i błędy. Yarn czasem działał jak wywalilem npm_modules
4. Upgrade nodeJS z 16lts na 18lts
5. Z 50 paczek co były updatetowane, tylko 6 nie jest najnowszych, z powodu że locki na reacie 17 są
6. Frontend team miał wyjebane na to od 3 lat
7. A to wszystko w 1 dniówkę.
8. TypeScript działa jak powinien. Dzięki TS upgrade dla mnie był możliwy i łatwy. Ale też ma swoje błędy (np react-google-recaptcha robiła mnie w konia przez zły import statement)
9. Odchudziłem projekt z wielu bibliotek, które nie były wykorzystywane
10. Poustawiałem rygorystyczne eslinty, depchecki itp by nie zostawiali po sobie syfu
11. Ustawiłem sbom by ich ganiać jak jest jakiś security bug w bibliotekach w przyszłości, że ponad 50 bilbiotek ma security bug xD

Zostaje jeszcze przeniesienie material-ui na wersję 5, ale tego na razie nie tykam.

Krzyczeli że nie możliwe, a wystarczyło usiąść po prostu do tego i na spokjnie ogarnąć bez złego nastawienia.

Czuje dobrze człowiek dzisiaj. #react #programowanie #nodejs #typescript #frontend #backend

Cześć Wam 👋

Dzisiaj ciekawostka o ReactJs numer #3

> Wirtualny DOM (Virtual DOM) w ReactJS przynosi wiele korzyści, lecz ma również wady! Jakie?

:point_right: Więcej na ten temat: https://programystics.com/reactjs/wirutualny-dom-nie-taki-bez-wad/

ps te ciekawostki nie omawiają tematów dogłębnie, mają jedynie zachęcić osoby do przyglądnięcia się reactjs :smiley: tak, wiem, doskonały temat na zachętę dot. WAD 😂

pss jeśli chcesz podzielić się doświadczeniami na w/w to śmiało, zapraszam 🔥 będzie mi bardzo miło!

#react #reactjs #programowanie #javascript #typescript #frontend

Cześć Wam 👋

Dzisiaj wrzucam ciekawostkę #2 o ReactJs!

>TL;DR: ...zamiast przekształcać całą stronę za każdym razem, kiedy chcemy coś zmienić, dokonujemy tylko niezbędnych zmian.
>
:point_right: Więcej na ten temat https://programystics.com/reactjs/wirtualny-dom-co-to-jest-i-jak-dziala/

Jeśli macie jakieś doświadczenia z Virtual Dom, to podzielcie się. Najlepsze będą te negatywne😊

#react #reactjs #programowanie #javascript #typescript

Wzorzec projektowy Mediator, wbrew pozorom, z powodzeniem można zastosować nawet w prostej aplikacji. W najnowszym artykule na blogu przedstawiłem założenia wzorca Mediator, wady i zalety, a co najważniejsze praktyczne przykłady implementacji w TypeScript. #programowanie

Czego najlepiej użyć do prostej stronki w TypeScript, która ma niemal pusty index.html. Więc vue.js, react itd odpadają.

Kiedyś miałem w npm zrobiony skrypt typu build, który odpalał tsc i jakieś minify. Ale to było pewnie 3 lata temu albo i więcej, więc pewnie można fajniej.

#typescript #frontend #programowanie

Posiadam program napisany w QML i typescript w którym to z poziomu QML wywołuję funkcje typescriptowe.

Po stronie QML jest coś takiego

> f.findSomething(undefined)

a w typescript coś takiego

> export function findSomething(what: string) {

> if (what == "LEFT") {

> return true;

> }

> return false;

> }

widać że funkcja oczekuje stringa a wrzucany jest do niej undefined, którego się nie spodziewa, ale też żaden błąd typu nie wyskakuje, bo przy konwersji do javascript typy są zapominane.

Walidacja pojedynczo parametrów na początku funkcji odpada, bo funkcji jest po prostu zbyt dużo i bardzo łatwo jest o pomyłkę a i zmiany parametrów funkcji byłyby bardziej problematyczne.

Myślałem nad może jakimiś wraperami na funkcje, które automatycznie weryfikowałyby typ(nie wartość) np.

> @verifyParamsInRuntime

> export function findSomething(what: string)

który by się konwertował na taki kod

> export function findSomething(what: string) {

> console.assert(type(what) == "string")

#programowanie

#typescript

#webdev

Przeglądałem oferty pracy #programowanie i natrafiłem na ofertę #wykop https://justjoin.it/offers/wykop-sp-z-o-o-frontend-developer-vue-js. Ciekawe, że w ogłoszeniu nie ma nic o #typescript :thinking_face: Jest 2023 rok, frontend przepisany od zera na czysty #javascript . Powodzenia w refactorowaniu

Zaczynam pierwszą pracę w #programowanie i trochę się stresuje. Jakieś rady dla nowego w zawodzie?

#typescript #frontend

Hello there! Tak jak wspominałem we wcześniejszym artykule dot. nowości w Typescript v5, organizuję w najbliższym czasie webinar na temat mechanizmu refleksji w tym wspaniałym języku. Może nie jest to wiedza, która sprawi, że Twoje życie będzie od jutra 100 razy łatwiejsze, ale z

Dobry wieczorek! Głośno w branży się zrobiło ostatnio przez TypeScript v5. Spójrzmy co tam się takiego zadziało: Decorators Spory czas temu rozpoczęły się prace nad standaryzacją dekoratorów jako elementów ECMAScript. Ekipa stojąca za TypeScriptem stwierdziła, że nadszedł czas

Dzisiaj coś krótkiego, bo dzień roboczy mi się masakrycznie przedłużył. Słowo kluczowe infer pozwala nam definiować swego rodzaju zmienne w typach warunkowych i wykorzystywać je do przeprowadzania dalszych operacji warunkowych. Możemy je też po prostu zwrócić. Przejdźmy przez

Wrzuciłem godzinę temu kolejną porcję informacji o #typescript , ale zapomniałem dodać tagów, także jeżeli ktoś obserwuje #magicznytypescript to zapraszam tutaj. (╯ ͠° ͟ʖ ͡°)╯┻━┻

Zacznijmy od tego, że system typowania w TypeScript jest strukturalny, tzn. mając dwa interfejsy o takich samych polach to według kompilatora będą one kompatybilne. W skrócie: jeżeli coś wygląda jak kaczka to musi być kaczką! Stoi to w przeciwieństwie do języków obiektowych, w których

Zastanawiam się czy kontynuować serię wpisów na temat mniej lub bardziej znanych funkcji i tricków TypeScripta. Ktoś to faktycznie czyta i uważa za przydatne czy robię to tylko dla sztuki? (° ͜ʖ °)

#typescript