-
PROHARDVER!
PROHARDVER!
Új hozzászólás Aktív témák
-
megtanulsz kódolni akkor a legtöbb nyelv csak szintax diff lesz
Mégis miről beszélsz? A delikvens nem tudja, hogy mi az a függvény, és mit jelent az, hogy "függvényt meghívni". Visszautasítja a kétszázadik javaslatot is arra vonatkozólag, hogy hol talál leírást, videót, akármit a programozás alapjairól.
-
"Kezdésnek a JS tökéletes, "
Jobb, mint a C, maradjunk ennyiben
Viszont, mivel nagyon szabad, ezért a kezdőket nem vezeti semmi, hogy merre próbálkozhatnak, illetve, ha elront valamit, hol lehet a hiba.
C#-ban azért csak ott van a típusellenőrzés, a compiler ellenőrzi a beírt kódot, nem tudsz beírni egy metódus, vagy változónevet úgy, hogy véletlenül elírod, mert ott le sem tudod fordítani.
JS-ben, legrosszabb esetben is undefined értéket kapsz, és vakarhatod a fejed, hogy ez honnan jött, mert lehet, hogy a hívott fv-ben írtál el valamit.jap, aztan a csak JShez erto code monkeyek miatt ilyen szar a magyar weboldalak tulnyomo tobbsege
nincs semmi bajom a programozni vagyok emberekkel es nem akarok gatekeepelni sem, szimplan csak nem ertem mit varunk ettol a hozzaallastol, persze kezdj csak high level nyelven, a tobbit ugysem kell ertened... ja
-
Ezt a srácot kezdtem el, de nagyon rossz a videói.
Kapkod, nem lehet átlátni mit csinál.
Beír egy rakat kódot, vágással, hogy ne is legyen idő elmonani mit ír, gyere rá magadtól mit akar. Kapott érték is katyvasz....mintha gépikód lenne, abból se lehet rájönni.
Ezért abba hagytam.Mielőtt vki el kezdené vakon védeni, nézze mag az első 3 videóját, csak utána
-
K1nG HuNp
őstag
Sziasztok!
Egy egyszerűbb webes alkalmazás elkezdése előtt állok. Egyelőre csak kliensoldal lenne, szerveroldal nem kapcsolódna hozzá (beágyazva lenne egy már működő rendszerbe, amivel JS APIn keresztül kommunikálna). Külső JS libek is lennének használva.
Első körben Typescriptet gondoltam használni, mivel nem túl bonyolult és mégiscsak típusos, OO szemlélethez közelebb áll, mint a sima JS. Viszont teljesen tapasztalatlan vagyok, hogy kizárólag kliens oldalon használva milyen eszközzel lenne érdemes tesztelni, buildelni (pl. webpack)?
Vagy megoldható kéne legyen, hogy TSben írt, több modulból álló alkalmazás kizárólag egy tsc fordítás után böngészőben tesztelhető legyen?
-
Szevasztok,
Ritkan jutok el oda, hogy egy toy projectet befejezzek, altalaban csak levonom a konzekvenciakat es annyi, de most befejeztem egyet es oszinten szolva tok fun volt megcsinalni es gyors!
Gondoltam akkor mar megosztom veletek. jamstack!
https://strong-password-gen.netlify.app/
edit: be van kapcsolva a sourcemap ha valakit erint
-
Sziasztok,
van egy tömbböm aminek a 4. eleme a következő: "# 1 request"
Ha alerttel kiiratom a tömb elemeit szépen meg is jelenik ez az elem is, azonban mikor egy txt fájlba írásakor használni akarom ezt az elemet, a kapott txt ettől a résztől teljesen üres. A # jel nagy valószínűséggel bezavar az egésznek. Tudtok segíteni abban, hogy ez miért lehet, hogy tudok utánanézni, hogy mi ez a jelenség?var textToSave ='/*Request ID: ' + finalrequests[0][0]+ '\nNamef: ' + finalrequests[0][1]+ '\nRequest Type: ' + finalrequests[0][2]+ '\nTelephely: ' + finalrequests[0][3]+ '\nDB felhasználó név: ' + finalrequests[0][4]Eredmény:
/*Request ID: XXXXXX
Namef: XXXXXX Viktória
Request Type:finalrequests[0][2] = # 1 request
-
Reacthoz talán a legjobb megoldás (CSS-in-JS helyett) a Sass/SCSS modules. Scope-olható és nem kell beleturmixolni a JS-be. Az ilyen Radium meg Styled Components-féle mutációktól én fejre állok.
Ezt az Emotiont nem ismertem, de most gyorsan belenézve ez is kb. ugyanaz a förmedvény, mint a Styled Components.jap, perfekt megoldás szerintem a css modules, 1 gond volt a cssel, hogy globális, megoldotta, semmi tobb bs.
értem én hogy projekt szintjén tök menő konzisztenciát ad a tailwind, de hogy a css variablek is pont ezt csinaljak, meg a tailwind is a hatterben
-
Meg azok szokták fikázni, akik használtak már eleget normális nyelveket, és azok tartják jónak a JS-t akik csak "láttak" mást, tanulmányaik során, mert kötelező volt.
Egyébként igen, állítólag sajtreszelővel is lehet... csak nem valami élvezetes Na olyan a JS a rendesen kivitelezett nyelvekhez képest. Vagy másik példával, mintha egy űrhajóból egy rozoga permetező kisgépbe ülnél. Amúgy tesója a LUA.Próbáltam dartot is, de sajnos vannak projekt követelmények, korlátok. Szerinted különben hozzányúlnék a JS-hez? Nem, már 12 éve is a pokolba kívántam, lesújtott, hogy így elharapódzott ez a rákfene.
Igen, a dart IS sokkal jobban összerakott nyelv, remélem elterjed, de jobb lenne ha a WASM terjedne, aztán nem lenne nyelvi kényszer, lehetne válogatni.Miben lehetne jobb a JS ? Mindenben, főleg alapjaiban, struktúráiban, mindenben, hisz az egyetlen dolog amiben jó: támogatják a böngészők. De sajnos alapjaiban nem tud jobb lenni, mert akkor a visszafelé kompatibilitás bukta...
teso a microsoft es a wallmart havi 50k dolcsikat fizetget az end to end SaaS cuccert amit itthon bpn kalapalunk, az egyetlen masik nyelv a JSen kivul ami szerepel a repoban az SQL
hagyjuk mar ezt a nyelv temat, irjad kotlinban nyugodtan a jsedet, teljesen ertelmetlen, ha nagyon tipusokra vagy ott a TS, de az is a legtobbszor csak lassitja a fejlesztest.
-
Nem borzalmas, mert megcsinalja amit kell, viszont sok anti-pattern van benne, mondjuk, ugy, hogy nem tul elegans a kodod es igy biztos elbuknal egy ilyen minosegu koddal egy allasinterjun.
https://codesandbox.io/s/modest-brown-be2zn?file=/index.html
Kis magyarazat a readme fileban -> https://codesandbox.io/s/modest-brown-be2zn?file=/readme.md
Ha mar megmutatjuk mi anti-pattern akkor ne mas anti-patternekkel tegyuk
Nem egy input vagy egy gomb dönti el magáról, hogy mennyi space van maga körül, mert így sosem lesz újra felhasználható a komponens. Az inline stylekkel ugyszint semmi baj nincs, objektiven gyorsabb egy weboldal betoltese ahol nem egy bazinagy css fajlban szerepel minden, de továbbmegyek, a legtobb css-in-js solutin is "inline" style attributumokkent irodik es run/build-time valik style tagekke. -
Sziasztok,
Most kezdetem JS-t tanulni, ehhez szeretnék segítséget kérni. Olyan dokumentációt keresek, ami a nyelv alapfogalmait röviden elmagyarázza (pl arrays, function, equality operators, etc).
Néztem az összefoglalót, de kimondottan ilyet nem találtam és a legtöbb linkre 404-et dob.
-
Mindig egy index.html lesz az eredmeny. Az, hogy mondjuk nextjsben kulon fileok jelentik a routingot, az megint mas. Angularban is meg tudod csinalni ezt a fajta codesplittinget, es ott a routing az teljesen kulonbozik.
Ha letiltod a javascriptet a bongeszodben akkor az SPA-k konkretan meghalnak mig a next es gatsby mukodik + nem index.html lesz az eredmeny, nezd meg a bongeszod network tabjen, egyenkent cachelheto kulonallo html fajljaid vannak, pont mintha kezzel irtad volna oket.
Tultargyaltuk
-
K1nG HuNp
őstag
én
let-es vagyok, kevesebb karakter :pRemélem tetszenek kattingatni a Next.js-t, eleg durva dolgok jottek most
En most greenlightot kaptam cegnel, hogy osszedobjak egy alap projektet, amivel levaltanam a mostani korosodo boilerplatet ami meg jQuerys alapokon nyugszik mivel rajottunk, hogy mire behuzzuk a jQueryt es azt a par libet ami meg kell ugyan ott van a JS footprintunk mintha egy reactet tolnank, cserebe kezzel kell forditani a css-t es picit kaka a dev experience.
Annak nagyon orultem pl, hogy kezd leesni embereknek, hogy az SPA szar UX.
Kb jottunk egy teljes kort, en pl sosem irtam phpt de onboarding hetemen abban kellett site buildelnem, es volt valami elegancia abban hogy felpakolsz egy php filet ftpre es fut es atom gyors 123kB js nelkul isCRA-t pl mar ne hasznaljon senki, aki arra vetemedne, hogy mostanaban Reactozik, es mostmar a Gatsbyba is szerintem felesleges sok idot foccolni, tud mindent a Next 9.3 ota, kissebb bundlesizeval, kb 0 proprietary dologgal es tobb lehetoseggel.
-
K1nG HuNp
őstag
visszaterve picit meg a let es const reszelgetesre: a constot is teljesen feleslegesen hasznaljak az emberek
az egyetlen hely ahol azt fogja csinalni a const mint amire szamitasz mas nyelvekbol az a const SOME_VALUE = 12;aconst obj = {};pontosan ugyan ugy modositgathato mint a let-es baratja, cserebe jo megteveszto -
Ha a végén nálad fut be minden, akkor az oauth-hoz generálsz egy megfelelően hosszú random számot (vagy hash az emailből akár, megfelelő PBKDF2-SHA2 key generation funkcióval). A QR-nek csak a letárolt számot kell tartalamaznia, és nem tud vele visszaélni se a szervező, se nem lehet rosszindulatú usernek legenerálni, meglevő emailcím alapján.
Persze ehhez kell, hogy a beléptetéskor online tudják ellenőrizni a kódot.Ha offline kell, akkor azt tudod csinálni, hogy digitális aláírással aláírod az azonosítót, amit a szervező ad, és ezt a "csomagot" rakod át QR-be - viszont ez általában meghaladja egy praktikus QR méretét (Version 10).
Szoval minden adott kulonbozo emailcim belepesenel mindegyikhez generalok egy random keyt amit eltarolok a sajat adatbazisomban? Gondoltam erre csak kicsit maceranak tunik meg van benne pitfall rendesen.. Meggondolom meg, koszi szepen!
-
K1nG HuNp
őstag
JWT az csak egy kriptografikusan aláírt JSON object BASE64 formában kódolva.
Nem jelent automatikus titkosítást. -
marmint? az url querybe rakott plain text emailnel jobb
mik az ellenervek egy percenkent lejaro JWT-re?"JSON Web Token (JWT) is a compact, URL-safe means of representing claims to be transferred between two parties. [...] enabling the claims to be digitally signed or integrity protected with a Message Authentication Code (MAC) and/or encrypted."
-
Na hali, kellene egy kis help
Adott egy kis eventre egy app, mindenki szepen belep OAuth-al, van kb 100 szervezo, OAuthbol kapom az infot h szervezo-e az user vagy sem.
Ennek kellene tortennie: alap felhasznalo felmutatja a profil oldalan lathato QR kodot az egyik szervezonek, annyi a lenyeg hogy ennek be kell kerulnie az adatbazisba, hogy PISTI sima user volt ELEMER szervezonel. (de ha van jobb otlet a flowra akkor irjatok, semmi sincs kobe vesbe meg, sot ram van bizva hogyan oldom meg ha egyaltalan megoldom)
Problema: mivel en semmilyen adatot nem tarolok az userjeimrol, eddig a QR kod
/api/activate?mail=ennyi volt, itt a mail query pedig az adott belepett user oauthjabol szarmazo email cim volt.Ez szep es jo, proof of conceptkent lefutott az egesz folyamat, viszont para, hogy nem kellene publikban lennie az email cimeknek, hogy ne lehessen visszaeles a szervezoi oldalrol.
Tok jo, ravagtam hogy persze hat rakjuk az user id-t az emailbe, azzal nem sokat ernek es nem kell ez 100% atom biztosra ugysem a dolog szoval ez mar siman jo megoldas is lenne..
.. csak ugye semmit nem erek en a backenden az user id-vel, nem tudom az oauthnal bevaltani az user id-t az user nevere, mailcimere stb amire kesobb szukseg lenne..
Mi lehetne itt a jo megoldas? En hirtelen ket dologra gondoltam:
User belep oauthal, es en egybol a sajat adatbazisomba lementem az osszes adatat, a qrkod mar az en adatbazisom alapjan generalodik, ez kb megold mindent de kicsit nyakatekert..
Masik egesz meredek dolog amire gondoltam, hogy az user access tokenjet jwtvel vagy hashelve vagy akarhogy bele rakom az aktivacios urlbe, mint ahogy fent a mail.
TL;DR: hogyan tudok ket egymastol teljesen fuggetlen A illetve B kliens kozott ugy adatot tovabbitani, hogy a legvegen B kliensnek A+B adatait kell odaadni a backendnek?
Megoldás egy URL-be ágyazott JWT token lett, ugyis erre valok
marmint itteni utolso bekezdes alapjan, mostmar csak vhogy a lejaratukat kell megoldani, hogy frontenden automatikusan generalodjanak-frissuljenek, azaz ha nyitva a telefonod kb 2 percig akkor mar 2 kulon jwt-t lattal. -
K1nG HuNp
őstag
Na hali, kellene egy kis help
Adott egy kis eventre egy app, mindenki szepen belep OAuth-al, van kb 100 szervezo, OAuthbol kapom az infot h szervezo-e az user vagy sem.
Ennek kellene tortennie: alap felhasznalo felmutatja a profil oldalan lathato QR kodot az egyik szervezonek, annyi a lenyeg hogy ennek be kell kerulnie az adatbazisba, hogy PISTI sima user volt ELEMER szervezonel. (de ha van jobb otlet a flowra akkor irjatok, semmi sincs kobe vesbe meg, sot ram van bizva hogyan oldom meg ha egyaltalan megoldom)
Problema: mivel en semmilyen adatot nem tarolok az userjeimrol, eddig a QR kod
/api/activate?mail=ennyi volt, itt a mail query pedig az adott belepett user oauthjabol szarmazo email cim volt.Ez szep es jo, proof of conceptkent lefutott az egesz folyamat, viszont para, hogy nem kellene publikban lennie az email cimeknek, hogy ne lehessen visszaeles a szervezoi oldalrol.
Tok jo, ravagtam hogy persze hat rakjuk az user id-t az emailbe, azzal nem sokat ernek es nem kell ez 100% atom biztosra ugysem a dolog szoval ez mar siman jo megoldas is lenne..
.. csak ugye semmit nem erek en a backenden az user id-vel, nem tudom az oauthnal bevaltani az user id-t az user nevere, mailcimere stb amire kesobb szukseg lenne..
Mi lehetne itt a jo megoldas? En hirtelen ket dologra gondoltam:
User belep oauthal, es en egybol a sajat adatbazisomba lementem az osszes adatat, a qrkod mar az en adatbazisom alapjan generalodik, ez kb megold mindent de kicsit nyakatekert..
Masik egesz meredek dolog amire gondoltam, hogy az user access tokenjet jwtvel vagy hashelve vagy akarhogy bele rakom az aktivacios urlbe, mint ahogy fent a mail.
TL;DR: hogyan tudok ket egymastol teljesen fuggetlen A illetve B kliens kozott ugy adatot tovabbitani, hogy a legvegen B kliensnek A+B adatait kell odaadni a backendnek?
-
K1nG HuNp
őstag
Ja, hogy még ráadásul serverless is
gyulolom a vendor lock-int meg azt ha azzal hogy X ceg cuccait hasznalom csak ahhoz fogok erteni es semmi mashoz..
zeitnel viszont az osszes projekt oss, ok maguk is ezzel irnak mindent es a legtobb cuccuk csak wrapper (sot mind..)
next.js -> bleeding edge react nehany logikus standarddal amik segitenek h ne lodd labon magad, (meg SSR....
)now -> aws lambda elabsztrahalva, de csak annyira h sose kelljen megnyitnod az aws oldalat, ettol fuggetlenul a kod migralhato lenne fuggvenyenkent 2 perc munkaval awsre.
magaert beszel szerintem hogy irom a react kodot, pusholom githubra, deployolodik, lefutnak az api es a puppeteer tesztek es ehhez egy sor setup/ci/cd-t sem kell irnom
-
K1nG HuNp
őstag
Lerna.js-el manageled a monorepot?
Miért használsz monorepot?Én olyan előnyeit látom, mint a könnyebb kódmegosztás, egy helyen lehet az összes Docker buildelő CI/CD pipelinet kezelni, nem kell minden repóban hozzáadni valamit, ha új lépést akarunk beszúrni.
Milyen beléptető?
Saját adatbázisos vagy valami OAuth szolgáltatást (pl Google) használsz?zeit / now -ot hasznalok amivel literalisan egy /api mappat kell letrehoznod es mehetnek is bele a lambda functionok js/go nyelven
belepesre auth0, db mongodb de most akarok ranezni a faunadbre
-
JWT-t tarolok httpOnly cookieban ami megoldotta minden authos gondom, eddig ahany frameworkot es libet hasznaltam authra ez a "kezzel" (jwt, bcrypt es ket sornyi setheader backenden) a legszebb. Egyetlen problemaba utkoztem, ami pedig a SSR next.js-el van, itt az oldal getInitialProps fvnye tolna egy apihivast de olyat amihez kellene az user is, az viszont httpOnly cookieban tarolodik es teljesen elerhetetlen barmilyen js kod szamara...
Mennyire gaz spinning loadereket hasznalni 2019ben? Marmint reszben ezert is hasznalok next.js-t hogy SSR mellett egy teljes oldalt szolgaltassak elso renderre is, de akkor most az authomat nagyon csunyan at kellene rakni sima cookieba + header tokenekbe, hogy user fuggo oldalakat is teljes egeszeben ki tudjak tolni elso renderen.
Ne hagyjatok le a node.js setHeader fv string alapu cookie setterebol a httpOnly utan a ;-t es akkor boldogok lesztek
problem solvedLehet megirom elso medium cikket, mert netet bongeszve sokan szptak ezzel, viszont ha ez a par dolog amire idokozben rajottem/leesett egy nagyon durvan clean code authot lehet csinalni, frontend kodban pontosan 0 sorral
(se cookie savelgetes fn, se token kudozgetes, minden bongeszon kivul tortenik) -
K1nG HuNp
őstag
JWT-t tarolok httpOnly cookieban ami megoldotta minden authos gondom, eddig ahany frameworkot es libet hasznaltam authra ez a "kezzel" (jwt, bcrypt es ket sornyi setheader backenden) a legszebb. Egyetlen problemaba utkoztem, ami pedig a SSR next.js-el van, itt az oldal getInitialProps fvnye tolna egy apihivast de olyat amihez kellene az user is, az viszont httpOnly cookieban tarolodik es teljesen elerhetetlen barmilyen js kod szamara...
Mennyire gaz spinning loadereket hasznalni 2019ben? Marmint reszben ezert is hasznalok next.js-t hogy SSR mellett egy teljes oldalt szolgaltassak elso renderre is, de akkor most az authomat nagyon csunyan at kellene rakni sima cookieba + header tokenekbe, hogy user fuggo oldalakat is teljes egeszeben ki tudjak tolni elso renderen.
-
Ja, hát azt alapnak vettem, hogy kliens oldalon a DB mókolás (ami gyakorlatilag maximum mappelést jelent) külön service-be rakod. De te tudod, nem látom a kódot, se a feladat komplexitását, így maximum távolról beleokoskodni tudok.
semmi komplex
csak most picit chillesebb a felev es raerek par cuccot heggeszteni githubomra. bejott a serverless, eddig ezzel nem foglalkoztam szoval most egy projekt erejeig legalabb de belekostolok. igazabol az authentikacion kivul eddig minden tokre straight-forward. az SSR + serverless komboban igy sessionok nelkul viszont most picit kuzdok az authal vagyis kuzdenek ha nem lenne firebase rahuzva a temara, de mindenkeppen meg akarok szabadulni az egesz firebase tematol meg ha kenyelmes is konkretan behuzni 3 perc alatt a hibatlan oauth integralast
-
K1nG HuNp
őstag
next.js + serverless funkciok + now
server side / static html generalas, teljeserteku backend api es mindez megy egy fennakadas nelkul, 1 commandal.. kicsit eros..volt anno egy firebases projektem, az is serverless volt csak, de ahhoz az clihez kepest sokkal durvabb a zeit okoszisztemaja
-
K1nG HuNp
őstag
Megnézheted a TypeORM et is. Ugyan semmi köze a GraphQLhez, de tud schemákat okoskodni TypeScriptben.
-
K1nG HuNp
őstag
Postgreshez létetik Postgraphile én most azzal ismerkedem. Ez Graphqlből generál adatbázis lekérdezést, de sajnos ez sem generál TS tipusokat SQLből, se schemát TSből.
Kérlek szólj, ha találsz valami használhatót Mongora vagy SQLre.
asszem megvagyok, eddig ugye plain jsben toltam a graphqlt es mappak alapjan szet volt szedve a query/mutation/type amit utanna osszemergeltem egy nagy schemaba.
most viszont a TS classok es a typegoose / typed-graphql dekoratorait ha ossze tudom hozni akkor elvileg lesz single source of truthom amibol jonni fog egyreszt a mongodb schema illetve a graphql is
, megprobalok edzes elott osszerakni valamit -
Köszi a hasznos tanácsokat és az Előtted szóló kollégának is
Rá is tettetek az útra (lehet, csak egy kis biztatás kellett) a JS frameworkok jönnek-mennek évről évre, hiába jó valami, ha alacsony a kereslet rá, és 2 év múlva eltűnik
Na ez a bajom a Frontenddel is, ezek jönnek-mennek, oké, hogy gyorsan változó világban élünk, de ENNYIRE gyorsan ne változzunk már..
Mire kitanul az ember vmit, már kukázhatja is, na ennél egy kicsit "lassabban" fejlődő, de stabilabb dolgot keresek, amiből később lehet egy full-stack plecsnim, ha rászánom magam mégis a FE részre, de egyelőre tényleg nem érdekel.Célom amúgy egy saját webshopot megírni, hobbi szinten. Már minden van a világban, szóval élesben nemigen használnám semmire, bár csajosnak lehet beröffentek vmit, próbáljon rá 1-2 kozmetikai termékre.. meglátjuk.
Másik cél kapcsolódni 1-2 kripto tőzsdéhez az API-jukon keresztül és valamiféle logikát később használni, a puszta adatkinyerésen túl, az adatokon. Szóval kifejleszteni valami passzív "nyerőautomatát"
(Nyilván nincs ilyen, különben mindneki ezt csinálná, de élveznék egy saját kereskedő progit, aki helyettem ad-vesz ilyen-olyan-amolyan coin-t, a megadott relatív primitív feltételeim mentén - szóval még nem a neurális hálóra gondolok, sem egy mégszofisztikáltabb AI-ra. Egyelőre adatom legyen és irányíthassam, paraméterezhessem a motyót kívülről, anélkül, hogy kódba nyúlnék ).Erre sztem a python lehet még jobb is, de egy frontend-JS-Angular-Vue-React-ös vezető fejlesztő haverom szerint a JS is tökjó mindenre, most pedig trendi nyelv, éhenhalni sem kéne, ha nem jön be a privát projekt, szóval még elhelyezkedni is lehet vele...
Konkrétabban nem tudtam fogalmazni, keresem az utat ki a ködből (a sűrű erdőbe)
No, mindenesetre köszönöm a tanácsokat
-
K1nG HuNp
őstag
Lerna jst próbáltad már?
-
K1nG HuNp
őstag
Jestet konfigolt mar esetleg valaki? Most azzal akadt problemam, hogy van egy monorepom, create-react-app felel a reactos reszert es van egy api mappa amiben a backend talalhato
a teszteket akarom valahogy 1 kommand ala rakni mert jelenleg ha rootbol hivok egy jestet akkor ugye az nem lesz bekonfigolva reactre es igy minden reactos teszt bukik. ha a react-scripts tesztjet hivom az tok jo, minden reactos teszt lefut de ugye azok csak a reactos tesztek, az api mappa egy szinten van a react mappajaval ezert az apis teszteket a react-scripts nem latja...
-
K1nG HuNp
őstag
"semmit nem jelent az az információ, hogy ..."
Hát azért jelent valamit, mert egy sok soros programot megírni ugye sok munka, nem számítva az átmásolgatásokat . Pl. a Windows OR kb 300 000 soros (?), amit csak egy IT cég képes megírni . Én régeben írtam egy 5 000 soros programnyelvet, de anyira belekeseredtem-savanyodtam, hogy befőtesuborkának éreztem magam tőle . Most sincs befejezve, felé se nézek, pedig kreatív voltam vele ."hogy ha segítséget kérsz, akkor részletesen, konkrét kódokkal bemutatod a problémádat"
Én tulajdonkpen nem is segítséget kértem, hanem panaszkodtam . Ugye szabad ?"ez az önjelölt megváltó dolog ... ha Jézus most ... javascript programocskákat írt volna"
Én ezt komolyan gondolom . Én egy modern próféta vagyok, aki nem a RETRO vallást műveli, hanem halad a korral . Még azért nem felkapot a művem, mert 1. mindenki a magáét fúja, 2. a minimál díjat sajnálják rá . Privátüzenetben minden kérdéseitekre válaszolok ez ügyben . -
K1nG HuNp
őstag
https://twitter.com/reactjs/status/1187411505001746432?s=20
Megjelent experimentem a React Suspense..
Nagyon durva innovaciot tolnak az fbnelRoviden tomoren: nincs tobb "isLoading", kevesebb boilerplatevel lehet sokkal szebben kifejezni uiban a toltest, fallbackekkel esetleg error handling komponensekkel. Pont ezzel tokoltem par kommentel feljebb vueban..
-
Képek töltésének figyelése helyett azt szokták csinálni, hogy minden képhez beállítasz egy placeholder-t, és amíg nem érkezik meg a kép, addig az jelenik meg. Persze ez is csak kerülő megoldás. Lazy load-olt képeknél ez elég általános.
Másik bonyolultabb ötletem, hogy minden egyes képre csinálsz egy komponenst, azon belül figyelve az adott kép onload eventjét. Amikor a kép betöltött, akkor a kép komponens státuszát loadingról loadedre váltod. Kívül pedig azt figyeled, hogy minden kép komponensed loaded lett-e (bár persze, mi van, ha egy kép valóban hiányzik), és a szülő státusza csak akkor lesz loaded, ha a képek is loaded-ok.
De szerintem ez egy rakás bohóckodás csak azért, hogy mindenáron vuejs-en belül tarts mindent, miközben az egyszerű megoldásom vuejs nélkül css-ből megoldja az adott problémát és még a UX is rendben lesz, mert hamarabb megjelennek a találatok, a képek meg majd ahogy jönnek lecserélgetik a placeholdereket (ha meg 404-el jön egy-egy kép, akkor marad a placeholder). -
K1nG HuNp
őstag
na kozben osszehekkeltem, mukodik ahogy szeretnem csak az a baj, hogy most nem tudom a vue keretein belul tartani. eddig v-if, v-else modon volt a komponensek megjelenitese, viszont most orokre a tolto komponenst mutatna, mert a kepek addig nem loadolnak mig nem visiblek
megoldaskent a loader v-ifelve maradt, a rendes komponens viszont styleban kapott egy hiddent amig be nem toltott az osszes kep, amire amugy van nativ html event mint kiderult -
tag
Szerkesztés
Sziasztok! Segítséget szeretnék kérni:
Az alábbi esküvői honlap template-t letöltöttem, sikerült mindent módosítanom egyedül a visszaszámlálóval nem boldogulok, hogy az általam kívánt napra (2020.06.06) számoljon vissza.
Tudna valaki nekem segíteni?
Köszi!index.html 612. sor:
var d = new Date(Date.now() + 1000 * 60 * 60 * 24 * 248);248 jelenti a hatralevo napokat.
itt ugye annyit csinalunk hogy letrehozunk egy datumot a jenlegi ido + X miliszekundumbol. a miliszekundumokat igy szorzassal erdemes felirni mert kicsit atlathatobb.
sok boldogsagot amugy
-
Estét!
Egy kis problémába ütköztem js tanulása közben.
Egy kis ideje töröm már a fejem az alábbi kódon:var count = 0;var keep = setInterval (function writedate() {var now = new Date();document.getElementById("timer").innerHTML = now;if (count > 5) {clearInterval(keep);} else {count++;}}, 1000);Lényegében csak egy dátum ami minden mp-ben frissíti magát, majd 5 másodperc után megáll magától. A problémám az lenne, hogy a "count" nevű var-t semmiképp nem tudom belerakni úgy a funkción belülre, hogy az működjön is.
Van rá lehetőségem hogy az ilyen kódokat, egy blokkszerű lezárt funkcióba tároljam, azaz, hogy ne legyen globális változóm mint itt?
Sokat kell még tanulnom, de jelenleg ez az egyik legnagyobb kérdésem amin egész nap törtem a fejemet.
Előre is köszi ha tudtok segíteni! -
K1nG HuNp
őstag
(katt ra ha kicsi lenne, bocsi de nem volt kedvem tokolni a phn kod formazgatassal)"Closure is when a function is able to remember and access its lexical scope even when that function is executing outside its lexical scope."
YDKJS ide tartozo resze -
Ez ingyenes? Meg kell rá előre regisztrálni? A honlapon nem nagyon találtam erre utalást.
300 euro korul voltak a jegyek asszem. En jelentkeztem scholarshipre ahol sajnos nem nyertem meg a palyazatot de ra ket hettel kaptam egy tok szemelyes mailt, hogy amugy tokre mehetek onkenteskent
-
K1nG HuNp
őstag
No jól van, megmondom . A programom egy elektronikus ontológia, komplikáltabb mint a SQL . De ugye megértitek, hogy ennél többet ebben a szakaszban nem mondhatok róla . Tehát valamenyi említett témádban haszos lehet .
jaja, jol teszed hogy titokban tartod a source code-ot. a vegen meg elcsenne valaki eloled a nobelt
-
K1nG HuNp
őstag
Készen van az egész JS-re átírás, 140 oldalból 153 oldal lett 40 sor/oldalanként . A program témája valóban világmegváltó hatású, de csak a tudomány és a racionalizmus körében értve . Igazán remek a témaválasztása . Az új laptopomon megy a txt fajl kezelésetek, a régi laptopomon nem, no de sebaj .
Most már csak azt mondjátok meg, hogy hogyan lehet ilyen cirka 150 oldalas JS programból árút csinálni ???amugy mit ertunk "oldal" alatt egy source codeban? mostmar komolyan erdekel
szerintem csinalj neki egy weblapot, egy ingyenesen hasznalhato demot amit kiprobalhatnak a juzerek meg egy kis social media marketing es sinen leszel ha valoban ennyire patent cucc.
-
K1nG HuNp
őstag
const [createAnswer] = useMutation(CREATE_ANSWER, {
update(cache, { data: { createAnswer } }) {
const { question } = cache.readQuery({ query: GET_QUESTION, variables: { id: props.match.params.questionid } })
cache.writeQuery({
query: GET_QUESTION,
data: {
question: {
...question,
answerCount: question.answerCount + 1,
answers: [...question.answers, createAnswer],
},
},
})
},
})egész durván kifolyik a szemem ettől
életemben nem használtam ennyi objectet mint amit GraphQL / apollohoz kell.A legszebb hogy inkább refetchelném a francba az egészet egy adatmódosítás (itt egy uj kerdes pl) után, de mint kiderült olyat csinálni nagyon szembemegy az user élménnyel. Így ugye cacheba írással minden instant
-
K1nG HuNp
őstag
Dolgozik itt valaki nagyobb csapatban ahol esetleg használnak GraphQL-t?
Nálunk melóhelyen mindenki fullstack-ként próbálja megoldani az adott featuret, magában, backendtől frontendig, így annyira nem látnám értelmét a graphql használatnak (plusz már elég régi futó projektek, nem fogunk hirtelen váltani).
Viszont ahogy itthon próbálgatom és használom saját kis cuccoknál, elég durva absztrakciót biztosít a front-endeseknek, hogy konkrétan semmit sem kell tudniuk az adatról, csak elkérni abban a formában amelyre pont szükség van, se több se kevesebb.
Akivel eddig beszéltem a technológiáról az volt a véleménye, hogy ez megint csak egy javascriptes bandwagon ami 3 hónapig fancy meg trendi, de igazából semmi újat nem hoz
Picit tényleg durva az, hogy a JS ennyire pörögni tud és kéthetente kijön az új trendi és menő lib/framework, de én pont ezért tartom az egyik legjobb közösségnek azt ami kialakult a nyelv körül. Bár ne lenne 300 euro egy JSConf BP jegy...
-
-
K1nG HuNp
őstag
Mert a
function id1.onclick(){szerűséget láttam valahol, de nem tudom újra megtalálni.
Azt szeretném elérni vele hogy a script funkciója hívja meg az eventet, és ne a html tag eventje a funkciót .Az első megoldásod teljesen helyes, főleg, hogy egy mezei onClick-ről beszélünk.
Szimulálhatsz eventeket JS-ben, de szerintem nem akarsz.
Az eventek kapcsán szerintem azt kell megérteni, hogy html elemek váltják ki őket és te a JS kódodban fel tudsz rájuk iratkozni, az esetek 99%-ban így foglalkozunk az eventekkel, nagyon ritka amikor saját, szintetikus eventeket hozunk létre, vagy az előbb belinkelt módon JS-ből triggerelünk browser eventet.
Feliratkozni egy html elem eventjére sima JS-ben az addEventListener fv.-el szokás, vagy inline, a html-tagbe beleírni az eventet és azt a függvényt amelyet szeretnél meghívni az event megtörténtekor (ahogy azt tetted is az első példádban).
rikxjeee
Ez mi a ........
-
Vue mellé is lehet typescriptet használni.
"pattern amihez konstans lodash cloneDeepek kellenek, csak hogy biztos jók legyenek a propok..“
ezt kifejthetnéd bővebben.
v-modelt használunk komponensek között is. Pl van egy "regisztracio" es egy "belepes" oldalad, mindkét helyen ugyan azt a form komponenst használod. Ezért a form komponenst úgy kell megvalósítani, hogy kap egy value propot, mert ugye ezt adja a v-model, majd a created() lifecycle hookban saját magának cloneDeepeli, hogy ne módosítsa az oldaltól kapottat, csak majd amikor rámentél pl a form submitra.
Form submitnál pedig $emit-tel felfelé szólsz, hogy az oldal v-modelje érzékelje h van input és frissítsen.
Ez az egész arra megy ki, hogy a v-model interfészét tudjuk használni, de hogy ez ilyen 2 szint mélységben már egész nagy fejfájást okoz
Ja és akkor ezt még megspékeled egy watch-al, amikor azt nézi a komponens, hogy felette nem törölték-e/módosították az adatot, mert ha igen akkor neki is frissülnie kellene, de ugye ez a fent említett másolgatás miatt nem történne meg automatikusan/reaktívan.
-
K1nG HuNp
őstag
Nekem a Reactal kapcsolatban az overengineeringel van ki a
öm.
Mai példám rá:interface ListItem {
to: string,
icon: IconProp,
text: string
}
const SpreadListItems = (array: ListItem[]) => {
return array.map((item, index) => (
<li key={index}>
<Link to={item.to}>
<Icon icon={item.icon}/>
{item.text}
</Link>
</li>
)
)
};
const MenuLinks: ListItem[] = [
{to: '/search', icon: 'search', text: 'search'},
{to: '/favorites', icon: 'heart', text: 'favorites'},
{to: '/cart', icon: 'shopping-cart', text: 'cart'},
{to: '/login', icon: 'sign-in-alt', text: 'sign in'}
];
... majd komponensen belül ...
{SpreadListItems(MenuLinks)}Szerintem nem egészséges az, hogy mindent ennyire absztraktan kell csinálni, viszont egy jó fapados minden elemet kézzel beírt html kódot meg nem mernék felrakni a githubomra mert kiröhögnek
-
+1 annyit téve hozzá, hogy vuejs esetében nem kell a jsx-et se megtanulnod, ellenben a saját nagyon jól dokumentált, faék bindolásait érdemes megtanulni, viszont ennek alcsonyabb a belépési küszöbe, mint a jsx-é (bár erre rá lehet fogni, hogy ez szubjektív szempont), cserébe alád tesz egy csomó mindent reacthoz képest pl. foreach, model bind inputokhoz stb...
-
user oldalon el kell tárolni valahol a cookiet nem?
és ugye vagy localstorage vagy cookie, kettő közül pedig ha jól tévedek a cookie biztonságosabb és némileg egyszerűbb is. (localstoraget xss attack miatt vélem, meg mások is egy gyors google miatt kevésbé biztonságosnak)első mondatban cookie helyett tokent akartam írni.
mindegy, közben esti kikapcsnak megcsináltam Vue-ban is egy jwt autentikációt. meglepően sima volt, reacthoz képest legalábbis... vannak ilyen apróságok, hogy routes.beforeEach() amivel aki csinált már más frameworkben authot szerintem el tudja képzelni mennyivel egyszerűbb a téma
Még amikor kiderült, hogy cégnél Vue van a stackban eléggé el voltam kenve, mert nem akartam egy enniyre opinionated frameworkot begyakorlolni, meg a react mégiscsak jobban ment, de mostmár kezdem érteni miért szeretik ennyire az emberek. Kezdőknek nagyon sokat segít, hogy minden "gyárilag" benne van, de látva a személyes példám és azt hogy egyre nagyobb oldalak váltanak vue-ra (gitlab, 9gag), lehet annyira nem is vészes dolog az, ha egy framework nincs teljesen lecsupaszítva a minimumra.
-
JWT-t nem teszünk cookie-ba, headerben vagy url-ben küldjök. Sima login / logout-tal szokott történni, blacklisteled a tokent a backend oldalon.
mobal,
user oldalon el kell tárolni valahol a cookiet nem?
és ugye vagy localstorage vagy cookie, kettő közül pedig ha jól tévedek a cookie biztonságosabb és némileg egyszerűbb is. (localstoraget xss attack miatt vélem, meg mások is egy gyors google miatt kevésbé biztonságosnak) -
Mi pl. ezt használjuk, de angularhoz van külön bootstrap is. Szerintem ehhez hasonló komponenseket nyugodtan használj, a "mindent kézzel készítünk" mindset egy határidős, fizetős projektnél szó szerint luxus.
Otthon persze lehet sajátot faragni, szórakozni vele, mélyebben megérteni a dolgokat, és szerintem ilyet kell is. De Gave kollégával ellentétben szerintem nem azért fizetnek minket, mert az 1923. alkalommal is előröl írunk egy komplett webapp css-t.
K1nG HuNp
Csinos a design, saját?Jah saját, először még magyar is volt, csak mondta szobatársam, hogy teljesen felesleges mert így csak kevesebben ertik meg mi van oda irva.
Tegnap autoprefix után több sor volt a css mint a js a projektben ugyhogy vissza kellett vennem kicsit
Grid és flexbox óta szerintem nem annyira vészes a layout megírása sima cssben, én a színekkel, padding/marginnal szoktam rentgeteget pepecselni, meg azzal, hogy mobilon is nézzen ki valahogy
-
persze én sem nyúlnék már bottal sem a bootstraphez, de szerintem amíg barátkozik az ember a reszponziv webdesignal addig teljesen jó, főleg a fasza dokumentációja és a millio stackoverflowos válasz miatt
Más:
Referenciamunkának szerintetek ilyesmiket szoktak várni a cégek? Ez egy alap kis nodejs könyvesbolt amit most az egyik vizsgám után dobtam össze. -
Felejtsd el a könyveket és menj fel pluralsight-ra vagy lynda-ra és nézz videókat / csináld párhuzamosan a példákat.
Biztos? Mindig is óckodtam a netes tanulástól mert valahogy amiket eddig láttam mind ilyen random felszínes fisfos volt, ez a codecool szint. De lehet csak az eddigi példák voltak gagyik.. Ránézek, köszi az inputot
-
Beszéltem felsőbbéves szobatársammal és azt ajánlotta, hogy feleslegesen ne vessem bele magam még a neurális hálókba, ugyis majd kesobb lesz egyetemen, de egy statikus, gyurcsányferis facebookos chatbotot lehet összedobok
Talán valami olyasmit amitől megkérdezheted hogy mikor lesz a kövi zh, belinkel neked targyhonlapokat stb.Könyvek terén Eloquent JavaScript vagy Secrets of The JavaScript jobb? Vagy barmi mas 3. opcio is johet. Valami olyasmi kellene ami a nyelvet mutatja be, nem feltetlen a programozast meg azt hogy mi egy valtozo.
-
K1nG HuNp
őstag
Hali, van valami tippetek vanilla JS projekthez? Egyetem mellett, hobbiként tolom egyelőre és kellene egy nagyobb lélegzetvételű alkalmazást csinálnom amihez használnom kellene a mélyebb dolgait a nyelvnek. Az a baj hogy mindig ott kötök ki, hogy html-t és css-t b*szogatok órákig a JS meg 250 sor az egész projektben
Nem akarok keretrendszerekbe se bújni, szívesebben jutnék el a nehezebb úton azokhoz a problémáhkoz amelyekért létrejöttek az adott frameworkok.
Elég beteg dolgokat lehet csinálni manapság 
)
öm.
Új hozzászólás Aktív témák
- Projektor topic
- D1Rect: Nagy "hülyétkapokazapróktól" topik
- Mesterséges intelligencia topik
- Kerékpárosok, bringások ide!
- AMD Ryzen 9 / 7 / 5 7***(X) "Zen 4" (AM5)
- Gyúrósok ide!
- A fociról könnyedén, egy baráti társaságban
- Folyószámla, bankszámla, bankváltás, külföldi kártyahasználat
- Samsung Galaxy S26 Ultra - fontossági sorrend
- Xiaomi 14 - párátlanul jó lehetne
- További aktív témák...
- SZÉP! HP ZBOOK FURY 15 G7 Tervező Vágó Laptop -70% 15,6" i7-10850H 32/512 Quadro RTX 3000 6GB FHD
- GARANCIÁLIS LEMEZES PLAYSTATION 5 SLIM CFI-2116
- NAGYKER ÁR!Sosemhasznált! HP OmniBook 5 Flip i5-1334U 8GB 512GB 14" FHD+ áthajtós-érintős Gar.: 1 év
- Macbook Pro 14" A2442 2021 M1 Pro 32/1TB Silver
- Dell Latitude 9420 i5-1145G7 14" FHD+ 16GB 512GB 1 év garancia
- ÚJ Lenovo LOQ Intel Core i5-13450HX, 24GB, 512GB, RTX 5050(8GB), FHD IPS 144Hz
- Bomba ár! HP ProBook 655 G9 - R5P 5675U I 16GB I 256SSD I 15,6" FHD I Cam I W11 I Gari!
- Tüzes Ezüst! CTO! MacBook Air M5 24GB 1000GB Garancia! SILVER TÖLTŐVEL!!!!!
- iPhone 16 Pro 512GB 96% (1év Garancia) ! Felújított kijelző !
- BESZÁMÍTÁS! MSI B650 R5 9600X 32GB DDR5 1TB SSD RX 9070XT 16GB Lian Li LANCOOL II Mesh C RGB 750W
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest