Thread 106440500

King of front-end edition.

>Free beginner resources to get started with HTML, CSS and JS
https://developer.mozilla.org/en-US/docs/Learn - MDN is your friend for web dev fundamentals
https://web.dev/learn/ - Guides by Google, you can also learn concepts like Accessibility, Responsive Design etc
https://eloquentjavascript.net/Eloquent_JavaScript.pdf - A modern introduction to JavaScript
https://javascript.info/ - Quite a good JS tutorial
https://flukeout.github.io/ - Learn CSS selectors in no time
https://flexboxfroggy.com/ and https://cssgridgarden.com/ - Learn flex and grid in CSS

>Resources for backend languages
https://nodejs.org/en/learn/getting-started/introduction-to-nodejs - An intro to Node.js
https://www.phptutorial.net - A PHP tutorial
https://dev.java/learn/ - A Java tutorial
https://rentry.org/htbby - Links for Python and Go
https://quii.gitbook.io/learn-go-with-tests - Learn Go with Tests

>Resources for miscellaneous areas
https://github.com/bradtraversy/design-resources-for-developers - List of design resources
https://www.digitalocean.com/community/tutorials - Usually the best guides for everything server related

>Need help? Create an example and post the link
https://jsfiddle.net - if you need help with HTML/CSS/JS
https://3v4l.org - if you need help with PHP/HackLang
https://codesandbox.io - if you need help with React/Angular/Vue

/wdg/ may or may not welcome app development discussion. You can post and see what the response is.
Some app technologies of course have overlap with web dev, like React Native, Electron, and Flutter.

We have our own website: https://wdg-one.github.io

Submit your project progress updates using this format in your posts, the scraper will pick it up:

:: my-project-title ::
dev:: anon
tools:: PHP, MySQL, etc.
link:: https://my.website.com
repo:: https://github.com/user/repo
progress:: Lorem ipsum dolor sit amet

Previous: >>106399363

>>106440500 (OP)
Haha up for almost an hour and no replies

>>106440500 (OP)
Why would anybody who actually uses React want to talk or even think about the damn thing in their free time?

>>106440833
No one likes react. Even the biggest advocaters of react secretly want to drown in the pool of depression and desperation.

>>106440816
/wdg/ is about quality, not quantity

>>106440833
>>106440847
React is easy and just works. Why should I use some esoteric framework when React does everything I need and there are many jobs wanting React skills?

>>106441175
>/wdg/ is about quality, not quantity
Just like the amount of web dev frameworks amirite

I've been planning on building my next app using Remix for a while, and now I'm finally going to get around to it I am confused.
Is Remix dead? It's essentially been moved to React Router v7 and so I should just use that?
The phrasing on their website is very obtuse.

>>106441220
All the esoteric frameworks are just memes

>>106441337
I've never used Remix but I think React Router is made by them. And didn't Shopify buy Remix and all their projects? I think they did

>>106441337
this was true, remix was the framework but it was merged into react router 7 as framework mode which is what you'd want to use.

but they also announced intentions to do something more with remix, it's confusing.
https://remix.run/blog/wake-up-remix
here's a blog covering future plans

>>106440833
uh i use svelte now...

>>106440500 (OP)
>doesn't follow modern specs
>have to pay to develop for it
Sucks to be an apple fag, I guess.

Thoughts on unexpected bills?

>>106440500 (OP)

Next week I'm starting an internship as a fullstack dev but its in a ""startup"" that develops software with Codeigniter, bootstrap and ajax in the big 2025.

It's better than nothing since I've been unemployed for a year but I'm not going to lie, I fear this job will leave me with useless skills that wont help in my career, the only good thing is that the pay is higher than usual for the position where I live (or to say it better, it's the average pay but with part time hours doing only 20 hours a week).

So yeah, of course I'll do my best to keep this position for at least a few years because I know the market is shit everywhere but if you were in my position what would you do to grow professioanally? I was considering approaching the 'teachyourselfcs' material but perhaps an university degree would still be a better ROI? I just dont want to stay a code monkey for life, I have a good grasp of many different concepts even networking/ OS related etc and I'd probably like to work on embedded software but rn thats only a dream

>>106441963
Why the fuck are map requests running through their server instead of from client to google?

>>106442002
Please give me the internship instead, thanks

/** Get the CRC result. */
valueOf() {
return (this.#crc ^ -1) >>> 0;
}

You ever use valueOf()?

>https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/valueOf

>This comparison appears to be unintentional because the types 'number' and 'CRC32' have no overlap.ts(2367)

vscode's typescript server doesn't seems to know it exists

https://www.indiekings.com/

added dark/light mode toggle and back-to-top button

>>106442419
Operator overloading is le bad or so I've read

>>106442531
>Vector3 + Vector3 is le bad
I don't hate JS yet...

>>106442161
I guess they have a Google API key on the server

>>106442376

They don't do remote work but if were fine with relocating to Florence for 600 eur a month (minimum legal pay which doesnt cover in no way rent for the city) I'll happily pass your contact lol

Do you follow the 14kb rule?
https://www.youtube.com/watch?v=ciNXbR5wvhU

>>106443316
Can your react site even render anything "the rest"?

>>106443316
>endtimes.dev
>35.05 kB
It doesn't even have pictures.

>>106441220
heh
heh.........ive lost track of how many shitty ones ive used at this point

:: "did", a habit tracker ::
dev:: apoc
tools:: ruby, rails, htmx
link:: https://did.ix.tc
repo:: https://git.lain.church/apoc/did
progress:: i'd only built this to a satsifactory level and had been using it frequently ever since and now i'm cooking up a reminder/habit/task management thing which will perfectly integrate with "did" so i'm working on a 3rd party hooks/integration kind of design for it. the ix.tc domain provider is down btw so i gotta update the domain first

>>106443316
>here is the first 14kb
>here's the next 10MB of react bloat
>now let the 10MB react bloat make 10 requests
>Here's your 2kb of page content

>>106441175
Sure. Try to make your react project render on the server, without messing up everything you built. Did you know that client side rendering uses a lot of memory of your web users? Most of the time SSR is preferred.

>>106443924
>link doesnt work
>repo doesnt work

fuck off

>>106442756
Hm. Well, shit. Maybe I will just keep applying for jobs in my country (UK).

>>106443974
>Did you know that client side rendering uses a lot of memory of your web users?
Not my problem

>>106444776
uh oh, the zombie of the queen would not approve of your illegal browsing of this site

>>106440847
Why should I use a framework at all?

>>106443739
Less than 11kB is transferred. The compressed size is what matters.
https://endtimes.dev/why-your-website-should-be-under-14kb-in-size/

>>106441175
Svelte is even easier and "just works" even better. Why would I ever use React over it or even Vue?

>>106443316
This is a rule-of-thumb and not something you should follow religiously. What matters the most is perceived speed. If a 100kB page of useful information is perceived to load just as fast as a <14kB page that lazy loads the useful information, the end user doesn't care. With SSR it will always be fast as long as you don't shit up your website with bloat/useless garbage. The #1 rule of engineering is don't be a retard following dogma, but understand why those rules exist.

>>106441963
>pic
>doesn't implement caching
>doesn't just let the client connect directly to maps without the need of a server-side api
>complains about the server being overloaded and bills being high
cry more, I guess?
>Thoughts on unexpected bills?
Don't pay the bills and ignore all emails and phone calls.

>>106443316
Can't really be achieved in non-trivial websites and webapps. Best you could do is make sure that each request is under 14kb.

Spent a few bucks for a copilot subscription. I am testing its capabilities and how to use it (with instructions etc...) and I allow it access to context7 mcp so the llms get the latest documentation for frameworks. The project is a simple imageboard in sveltekit and drizzle.

After a couple of week testing it, I see applications to it (like generating e2e tests through some mcp like playwright). It is helpful mostly for boilerplatty stuff (like it added caching logic etc...) but once when you tell it to do something, not even something hard, the code is very mediocre, even when you tell it to check models, etc... to not create redundance it will duplicate what is mostly the same models. It doesn't modularize even when you instruct it to. It will do a forth name input validation while the project is using zod for another example.
And when you try to tell it to refactor, it somewhat does it but it still duplicate code, etc... and has poor practices. It becomes a loop of it doing something that works but is unmaintanable, non professional grade code.

Right now, I'm still at the beginning (just board index, front page, posting, threads and a mini admin management dashboard) and I just want it to make a form to create a board and I have it looping for like an hour trying to make unit test it created pass with its implementation. It's a bit sad.

I don't think it is made for huge project, I don't think it should be used for making the majority of the code of a program, but it can be a replacement to google when you're looking for something, and it can help in menial tasks like creating helper functions, generating models, make unit tests and mocks.

I don't think we're going anywhere, but I certainly hope you make better code than claude, gpt, gemini or grok (those I tried on my subscription).

>>106446839
>the code is very mediocre
GPT-4.1 keeps writing typescript in my pure javascript project whenever I send a "fix" request for troublesome JSDoc typing

>>106441963
I'll never understand the tards that create code which requires paid APIs and don't implement caching or API limits while they figure out if they actually need to use the API.
I'm a complete web dev noob/retard and it's one of the first things I look for if I need to use external APIs.

>>106446839
pro tip: use google jules

thank me later anon.

why does css webshit never go where i want it to, or doesn't do anything at all.
i hate this garbage shit.

>>106448017
position:absolute everything
firefox's console tells you when your css is invalid

is css4 and html6 a real thing

>>106448493
what about javascript es16

>>106448134
do not do this kek

>>106441963
>From the beginning I should've have established a proper caching system
>The experience taught me to thoroughly review pricing documentation

That's what he should've done in the very beginning. I bet this guy didn't know about caching until the problem happened. There's really a competency crisis in the West. No wonder companies are hiring H1Bs.

>>106448017
You need to look up how CSS works instead of doing things blindly. Webdev isn't as easy as it's being meme'd to be.

>>106449673
sure it is.
yoink it from some website you like
change some colors
write some js
done.

>hey you stole my code
it's not code you tranny.

>>106448017
>>106449714
>uses CSS
>refuses to learn it despite the fact it's easy
>complains about it "not working"
You chose to suffer. Nobody can help you but yourself.

>>106450446
I'm not him. You're him.
Rekt

CSS is literal intern job, to be frank. That you even touch CSS says a lot.

>>106450506
Everything matters in web dev, including CSS. You gotta be on top of that or you'll have issues: CSS will be blocking rendering and the like.

>>106380825
Made a bunch of optimizations, i didn't realize how slow it'd be to use the maplibre features, so instead i moved everything to a separate canvas level. Plus a few other stuff like changing the most important synching to use webhooks. And a few QOL stuff like the dithering modal

>>106448017
I never have patience for that shit. I just use tailwind for my own projects and like 1% css to tweak some specific thing. That's it, I wish I didn't have to touch it ever again.

>>106443316
all those precious nanoseconds.... lost.... like tears in the wind

>apply for several web dev jobs
>hear nothing back
Amazing

>>106441175
>React is easy and just works.
>And btw here is a multitude of additional functions (because it's all just functional programming, amiright?!) which you have to use in order to tackle the problems that react introduces in the meantime.
>And btw did I tell you that you have to follow some rules to use these functions that are "just normal functions"?! totally normal, amright?

>>106451571
React just works for me and I'm too lazy to learn a different front-end framework. I would learn one if a job wanted me to though.

>>106451845
I get where you are coming from: You just want to make money. You don't care. And if you are able to handle that for 30 to 40 years - good for you.

Chances are that if you are able to sustain such a dumb behaviour for that long, that you are pretty dumb yourself. You have no reason to learn, you have no reason to grow as a person, to become better at what you are doing. You have complete lack of curiosity. And that's fine for the low intellect person that you are.

Good luck with your life.

>>106440500 (OP)
I made a thing to help me procrastinate by fiddling with colour schemes instead of doing useful work. It's only got a few previews and exporters so far, but I'm working on more.

:: Themidor ::
dev:: anon
tools:: Vue, Typescript, Vite, Bun
link:: https://themidor.cc
repo:: https://github.com/krendil/themidor
progress:: Initial post. The site works but only a few exporters and previews are implemented.

Are more backends nowadays built in Python or Node?

>>106451983
hsl is a very human intuitive color scale, lab is a precise one (but don't quote me on that, do your own research), and rgb is universal and device native so to speak

>>106451990
my guess is node, but it also depends on the location, each locatuon has their fav ecosystem, and some ecosystems have bwtter job quality than others even in the same location

what do you think of this style of design my niggas?

>>106451868
Maybe the reason you're seething is because you're too stupid to learn something as straightforward as React

>>106452186
At this point frontend frameworks are a solved problem. React is so easy I don't even think of it as programming in React - none of the problems I need to solve are related to React. It doesn't get in the way at all.

>>106451538
There's way too many web devs on the market, especially unskilled ones. You're being ghosted because you're in the bottom 70% of applicants.

>>106451990
Node > ASP.NET/C# > Python
Python is popular among beginners learning to code, but not really popular in actual workplaces compared to Node.

>>106452139
I'm not a fan of pink, but I like the overall design. Reminds me of some UIs back in 2002-2010, especially in some Flash Player games/programs/websites.
The only issue I see is the emphasis color being too overused. Ideally a "primary" color would only appear in one or two elements and maybe on the currently focused one.
Pic related is much easier on the eyes and the focus is drawn where needed (the play button).

>Python
>fast-api
>it's slow
>Node
>fastify
>it slowifies
FeelsWierdManW

>>106452872
It's just a matter of shipping a product or prototype fast.

today, after 2 years and some more dev experience I just learned how to stage and unstage changes from gui, useful since the repo is mined to the roof with anti retard dev git guards, which means I can only push 10 files at a time
small milestone for man, big milestone for the hue-manatee

.

>>106452139
It's a zoomer's fucking awful interpretation of functional design

>>106452139
functional, design doesn't get in the way, colors are pleasing to the eye, a very good job

>>106452139
Kek 4 corners of the screen calling out at the same time

>>106454505
Fr

>>106455255
>4 corners of the screen calling out at the same time
what does that mean?
>>106452139
>that logo
I remember you, you're top bloke, make a non faggy version of this design though, it is good, but it is good for hipsters and roasties, leave the human bean with a non gayed out version
>my take
smooth black and white contrast with blurred images texturized with noise, multiply and linearcolor modes on the highlights (read here https://helpx.adobe.com/photoshop/using/blending-modes.html)
all in all emulate liquid transparent displays with a clean finish
take my take with a grain of salt, eventhough I have some notions of design, I'm not a designer

Is there a site/theme that has a similar colour scheme to this? Crimson + stone.
I need some inspiration.

>>106458599
look for brands that use red as corporate color, white is a natural accent for read and the other way around, cocacola is not that color by chance

>>106443316
no and i won't

>>106460156
>endtimes.dev
Which page? All the pages I have looked at are sub 14kB transferred.

>>106460156
Based. Minimalism can be cool I guess but internet speeds are pretty decent for most people nowadays so a 14kb size limit is stupid

>>106460909
but muh google lighthouse! I find specially silly the layout shifts, it's kind of cool, but at the same time it seems silly, why do the bars squares and circles, try to optimize the load times so that isn't a problem and at worst use the loading spinner, what I'm trying to say is that shit seems to me as literally making shit up, maybe I'm wrong but that's what it seems like to me

>>106460378
>All the pages I have looked at are sub 14kB transferred.

>>106460378
it's a screenshot of the root document of my site, not that blog

>>106461014
you shouldn't use lighthouse as a rule but as a guide. a 90 will objectively feel better than a 40, but there's sometimes things that you just simply cannot avoid. my site revolves around a grid of images from an origin i don't control, so i get dinged on LCP pretty badly.
i could enable image transforms but i don't feel like paying for that

>>106461527
guess I should just bite the bullet, but I really puts me off their google metrics

*solves web dev forever*

t. leptos dev

There is no job and has not been for years

>>106452832
>There's way too many web devs on the market, especially unskilled ones. You're being ghosted because you're in the bottom 70% of applicants.
Nah. My skills are not too bad and I've seen some stuff by other entry-level devs that was really poorly made. I don't know where I am within the range of devs but hopefully within the top half (for the junior jobs I'm applying for, that is - I'm obviously not a senior)

Also I did hear something positive about a job yesterday so fuck you

>>106463307
It doesn't matter how skilled you are, retard. What matters is how you present yourself. If you're being ghosted it's obvious that you're not perceived to be good enough to matter.

>>106463382
You can keep crying moron, I find it quite funny

I asked chatgpt for a fetch json utility function using the result pattern, thoughts?

interface FetchJsonOptions extends RequestInit {
// you could add extra app-specific options here if needed
}

interface FetchSuccess<T> {
success: true;
data: T;
headers: Headers;
}

interface FetchFailure {
success: false;
error: string;
}

type FetchResult<T> = FetchSuccess<T> | FetchFailure;

export async function fetchJson<T>(
url: string,
options: FetchJsonOptions = {}
): Promise<FetchResult<T>> {
try {
const response = await fetch(url, {
headers: {
"Content-Type": "application/json",
...(options.headers ?? {}),
},
...options,
});

if (!response.ok) {
return {
success: false,
error: `HTTP ${response.status}: ${response.statusText}`,
};
}

const data: T = await response.json();

return {
success: true,
data,
headers: response.headers,
};
} catch (err: unknown) {
return {
success: false,
error: (err as Error).message,
};
}
}

i tried to be open minded but java spring boot SUCKs

>>106463915
That'll throw if it tried to parse bad JSON, catch that if you want it to be no throw
also, the !response.ok branch doesn't return
error details that might get sent in the body

>>106464095
my bad the json won't throw, whoops

I love django!

>>106464061
I tried it briefly and it seemed okay but a bit convoluted. I also tried Javalin which seemed a bit more enjoyable since it's simpler.

>>106464061
Retard from /utwg/ here. I've been doing a deep dive into Spring Boot recently to make myself more employable since many enterprises still have a Spring Boot-centric stack, from what I've learned so far it seems like most people actually mean Spring when they say Spring Boot. All that Spring Boot seems to do is unfuck dependencies, and most of the other functionality that the people interviewing you think Spring Boot has is actually part of Spring. It's making me think that 90% of people working with "Spring Boot" can't tell which parts of their code are Spring, Spring Boot, or Java. Like they learned how to write Java on the job and it's all one big "Spring Boot" blob to them.

>>106464653
yeah i genuinely cant tell them apart
im doing the same thing and starting to learn it to be more employable and a good goy
but still the "iversion of control" concept just means you literally are not allowed to do anything that they didnt define in the framework
whats worse is something like websockets is barely supported in this trash and im currently trying to make something with it and it feels like to do anything you have to look for workaround instead of building stuff on your own
i hate webdev so much

>>106464061
I'm now in love with the simplicity of node, fuck the world

>>106463915
I would maybe add a timeout abort controller

>>106464706
I think Spring(boot) isn't intended for anything more complicated than a CRUD web app that some enterprise wrote. If you're at the point where you're fucking with websockets, consider whether Spring is the thing to use to begin with. And if you're doing this to learn Spring, I will do the thing the Linux community always does to me and ask you to change your requirements since what you're trying to do isn't working with the platform you're using.

>>106464653
Spring Boot is a default configuration for Spring MVC + other things.

>>106464653
it basically is one giant blob. they don't use java modules, so it's one humongous spaghetti ball with reflection sauce at runtime anyway, doesn't really matter where boot ends and mvc starts if you are depending on some fly trap starter dependency that drags in yet another hairball of transitive gunk

>>106440500 (OP)
does anybody know how to use pdf.js inside standalone javascript??

I have simple javascript to iterate over files in directory (see below) this works fine but have to download & install node - then run from dos cmd like - node js1.js

but how to use pdf.js?
all the internet searching stuff I found is for webpages like how to use pdf.js with html stuff
with <script> tag does not work in standalone javascript

// download install node first
var fs1 = require('fs');

function countpages1(path1) {
fs1.readdir(path1,(err,filelist1) => {
if (err) throw err;
console.log('============');
console.log(path1);
i1 = 0;
filelist1.forEach(filename1 => {
countpages2(filename1);
i1 += 1;
});
console.log("files - " + i1);
});
};

function countpages2(filename1) {
// jpg png
// if pdf open fails ?
// console.log(filename1);
};

countpages1('c:\\aaareads\\boardgames');

>>106425018
It's blowing up now. Perfect.

>>106465836
pdf.js needs a browser environment to create pdfs. It's basically taking a snapshot/image of the rendered html, similar to what your web browser does when you right click on an element and select "take screenshot".

>>106466183
>pdf.js needs a browser environment to create pdfs

I hope not

Found a new career path that is pretty chill but not web dev. Yet it used html, css, and Lua. It's pretty easy and makes bank if you can get a foot in the door, always in demand even more than web dev.

>>106463283
/thread
It's great for SSR

>>106467944
What is it, faggot?

>>106469486
Why should he tell you if you're going to insult him

>>106467944
Do you make games?

What's your favorite web framework and why?

>>106470643
>what is your favorite web framework
the web. it's got both a logic, an interaction and styling solution built in. I also really enjoy it's input components and you can basically redistribute your app without compilation on the fly just like that using pretty common open source software. I also like that fact that basically every computerized device since 1995 supports it.

>>106440500 (OP)
I'm actually partial to SvelteKit now

>>106470643
React, because it just works

Okay sure it's a library not a framework, but still

>>106467944
spill

Any of you used Alpine.js? Is it okay? I've taken a quick look at it because I might apply for a job which uses it

>>106465836
why are you people like this?

I hate promises so much

>>106472865
I can promise you I don't callback either.

>>106472865
They're pretty simple to use in my experience

>>106440500 (OP)
My home web server is a php file that dynamically generates the page content and menu from a json file

>>106419365
Finally fixed it.
I didn't have to re-implement zlib deflate in the browser. It was much fucking png filter reconstruction failing edge cases all along. And it only took rewriting my png decoder to handle byte streams in full color to find out.
Have some glitch art.

>>106473388
yep, in tutorials

>>106473757
What's your issue?
/**
* @param {ReadableStream<Uint8Array<ArrayBuffer>>} stream
* @returns {Promise<
* width: number,
* height: number,
* bytesPerPixel: number,
* colorType: number,
* bitDepth: number
* data: ReadableStream<Uint8Array<ArrayBuffer>>
* >}
*/
async decodeStream(stream) {
if (!await this.readPNGSignature(stream)) throw new PNGError("Not a PNG file", "Bad signature");
const { imageWidth, imageHeight, bitDepth, colorType, compressionMethod, filterMethod, interlaceMethod } = await this.readIHDR(stream);

//...

const { writable, readable } = new DecompressionStream("deflate");
const compressedWriter = writable.getWriter();
const unfiltered = readable.pipeThrough(new ReconstructionStream(imageWidth, bytesPerPixel, filterMethod));

// Want to return the image size and a stream handle so the image can begin
// to draw before it finished loading, but I also need `compressedWriter`
// for the actual decoding, so I can't return yet. Enter: Mixed use of Promise & await

new Promise(async () => {
// stream decoding loop
}).catch(error => {
compressedWriter.abort();
throw error;
}).finally(() => {
stream.cancel(); // Drop everything after the image data, no steganography for you!
});

return {
width: imageWidth,
height: imageHeight,
bytesPerPixel: bytesPerPixel,
colorType: colorType,
bitDepth: bitDepth,
data: unfiltered
};
}

>>106473757
In real code too. What don't you like about them?

>>106473894
>.catch and .finally instead of using a proper try/catch block
I am disgusted

today I learned that you can't use import and require at once in node
t. 1.5 years of prof experience with it
thanks chatgpt
also that one of the 2 team leaders have a massive ass, oh fucking my, she is lucky that I didn't fully scan, but the thing had volume, that's specially weird cause I've been in her same office for a whole year and didn't notice, what is this sorcery?

>>106474574
Import is modern and based, require is old and cringe

>>106473894
>promise
>in an async function
>with an async function callback
>doesn't even resolve() it like you're supposed to
>uses it basically as a try finally block
what the absolute nigger fuck is this?

>>106475130
If you want I can stick the promise in a single-reference function. It'll look less scary to you, but it's functionally equivalent, besides the now internal function made external.

>>106475102
this mindset has been the ruin of mankind lately

>>106475151
You literally are just leaking a forever pending promise. I legitimately don't know what the fuck you were thinking. It's ridiculous.

>>106475274
Calm your adhd. It's resolved in // stream decoding loop

>>106475297
>It's resolved in
nigga, you have no params in your callback though.

>>106475536
I also don't have about 500 other lines in there. Is the concept of an example snippet too much for your negro obsession?

after learning more backend and going back to frontend with react and svelte i can't help but feel pain at how much garbage is being created just to do basic things like routing and clicking buttons.
tried going vanillajs and snabbdom but the dx was awful.
tried wasm with rust with sycamore and leptos but the ecosystem is non-existent, can't even set up scss modules.
is there really no other way but to embrace the bloat? i just want simple ssg with a bit of interactivity

>>106475617
Professionally, ya basically. If you have power or technical decision-making you can basically do whatever you want. I tried the wasm route as well, but it's a lot of bullshit currently because you're still dealing with js at the end of the day and the performance is shit. Only use wasm for weird performance specific widgets for drawing like 3D models or mining buttcoins.

Also I do most everything in just regular ass js and now that esm support is standard and actually deployed, it's easy to just drop in whatever code you need.

>>106475636
vanilla filters me because i get stuck in imperative hell of side-effects or just end up rewriting react but worse...

>>106475161
Import looks neater than require I think. Also import seems to be idiomatic these days. I like code to be idiomatic with a consistent style across codebases. Rather than a clusterfuck of different styles.

>>106475880
yes, that makes sense, in fact I rewrote all my app because I didn't wanted to use require, I was reading a fucking json with readfile and thought wtf chatgpt your drunk, so that meant a small refactor, the json would be a js object and the requires just had to go

>>106475617
Using fixi.js will cut out the amount of vanilla JS you have to write.
https://github.com/bigskysoftware/fixi

You will probably want to add the debouncing extension to get active search. That will be a bit over 100 lines of JS in total. You can then write some vanilla JS inside of <script> tags to handle state on the client. That will be the best solution as long as your web apps aren't too reactive.

>>106475617
>i just want simple ssg with a bit of interactivity
Write vanilla JS then. It's pretty easy to write a few functions for basic interactivity.

>>106473894
>new Promise(async () => {
You better be awaiting that

>focusable span with spinbutton role and keydown event handler in vivaldi acts as if the event handler always calls preventDefault()
>works as it should with a div
fuck I hate shitvaldi devs so much

>>106475617
just use a backend generating html with simple js on it for whatever basic interaction? like we did 20 years ago
i actually hate the direction all the js frontend framework routing has gone w/ file based routing that shit is garbage and makes stuff way more opaque.

you could also try something weird like pheonix liveview

vibe coded tampermonkey script to save from redgifs

// ==UserScript==
// @name Save Redgifs User Gallery Videos
// @namespace http://tampermonkey.net/
// @version 0.1
// @author Anonymous
// @match https://www.redgifs.com/*
// @grant none
// ==/UserScript==


(function () {
'use strict';

const targetElementSelector = 'a.tile.isVideo';

const addButtonToTile = (tile) => {
if (tile.querySelector('.save-button-custom')) {
return;
}

const saveButton = document.createElement('button');
saveButton.textContent = '';
saveButton.classList.add('save-button-custom');

tile.style.position = 'relative';

saveButton.style.position = 'absolute';
saveButton.style.top = '10px';
saveButton.style.left = '10px';
saveButton.style.zIndex = '10';
saveButton.addEventListener('click', (event) => {
event.preventDefault();
event.stopPropagation();
const img = tile.querySelector('img');
const src = img ? img.getAttribute('src') : '';
const regex = /\/([a-z]+)-mobile\.jpg$/i;
const match = src.match(regex);
const token = match ? match[1] : null;
window.open('https://media.redgifs.com/' + token + '.mp4', '_blank');
});

tile.prepend(saveButton);
};

const processTiles = () => {
const videoTiles = document.querySelectorAll(targetElementSelector);
videoTiles.forEach(addButtonToTile);
};

const observer = new MutationObserver((mutationsList) => {
for (const mutation of mutationsList) {
if (mutation.addedNodes.length > 0) {
processTiles();
}
}
});

observer.observe(document.body, { childList: true, subtree: true });

processTiles();
})();

>>106440500 (OP)
I made my first web page using Microsoft FrontPage. I collected cool .swf I found online in a web page to share with my friends at school.
I just wanted to say that I despise modern web development.
The most JavaScript I write is on Rhino engine for ETL processing in Java.
How you guys doin'

>>106478330
like you but I nake modern webslop, macromedeia dreamweaver, flash, jquery, nitepad non plusplus. now it's node I enjoy, some times I miss php but not that much

>>106475617
LEPTOS MENTIONED LETS GOOOOO

>>106478330
FUCK RHINO

>>106475617
Soon: https://github.com/trueadm/ripple=

How do I use web components, and what can I even do with them? Every guide is extremely basic and I fail to see any actual use, yet I constantly read articles about this and that big company using them like Adobe with their web Photoshop. AFAIK web components are about passing attributes and bubbling up events (bubble = true). I'd appreciate a basic example like how useful would web components be with a 4chan like quick reply box, where I click on a post number etc.

>>106479067
web components aren't worth using, just use a framework

>>106479067
instead of a <div> you now have <ytd-rich-shelf-renderer>

>>106477165
Esoteric browsers like Vivaldi are not my problem. I will just tell my users to use Chrome (although I have to support Safari too because iPhones are only able to use the Safari engine)

I'm building a privacy focused SaaS product. I'm using a 16 char passphrase minimum and an email that is hashed. So I won't be able to send any emails unless the user first writes in the email (e.g. to confirm the email or change the passphrase).

I think it's the right thing to do because I care about privacy and it fits into what I'm trying to build, but how fucked am I from a business perspective? How important is it to be able to spam marketing emails and the like? "We have a new feature/product, please check it out!" type of emails... I find them to be annoying personally and rarely interact with them but I'm not sure if the average person feels the same?

>>106480520
I think most people ignore those kinds of email, if they didn't explicitly ask to receive them. Maybe unless it's a no-strings discount or something.
Depends what you're doing, but my first thought was you won't be able to send transactional emails about events the user doesn't trigger (e.g. your subscription payment failed) without storing it in plaintext.

>>106474574
as the most learned of (You) might have predicted, the ass caused problems, I guessed her truth and she bent over in front of me for the group pic, everyone including me and her have hearted the pic
to top it all off my incel and socially retarded aura was at peak, it didn't stop it anyways

all in all pretty epic, my raise is in less than 6 months and they either crown me senior sperg or fire me
truly living the dream 6 pics of her bending over her fat ass in fron of me, thanks web dev

How do I make Notepad++ match everything after the second : ?
https://example.com:80/test

>>106480943
You use regex and vscode, what are you from 1975? oldfags did it with regex and sed... now we have vscode and if that fails we have sed and regex

>>106480943
js can do it with split replace and so on, ask chatgpt fuko

>>106480999
I did it by meself like a big boi
:[0-9][0-9][0-9]?[0-9][0-9]?/test

>>106481138
cool but thats 3 required numbers :^)

You're all a bunch of weirdos; do you ever throw the standard TypeError / SyntaxError objects instead of Error?

>>106481138
Hell yeah motherfucker

>>106481457
if its an error it means its working, unironically

>>106481457
custom error is big boy shit

>>106481138
look up:
letters, characters, spaces, puntuation signs(I think), negating them telling the length, telling a lenth range once, once or many, 0 or many, negating a set of chars, [],(), capture groups
and then u know like me more or less

>>106480747
>>106474574
nobody is going to talk about the ass? I feel like I am nearing the level of dirty talking in office messaging apps and them following along, while being almost autistic

Why the fuck ist there a Web dev general. Next year none of you will be employed for that. Get a real programming gig or change profession.

>>106479067
idk about that, but some other guy styling basic html elements won't affect your stuff because of the shadow dom barrier
and you can just load the web component code file and add the tag to html and the browser just creates it
and element queries, event targets give access to your component with the class you made yourself, unlike frameworks that have a component class/closure hanging in the air somewhere, separate from regular dom nodes

I had a group project in uni where the other student just used vanillajs and I found it annoying and myself found and used the lit library. tried web components by hand too but it was a pain désú.

>>106481835
elaborate, true is chatgpt is getting scary, but it still fucks up

>>106479067
the greatest mindfuck for me was
>LOL DON'T USE COMPOSITION
ok then, why Im using these things then, complete mindfuck
Good thing ur not forced to use the shadow dom, looks like to me that if u NEED to use it you have a css problem

>>106481954
As far as I can tell they're for putting in "things" that are completely unrelated to your site with minimal styling options, like weather widgets or payment gizmos

>>106440500 (OP)
Is tailwind minifies on hono/jsx/cloudflare worker? I get a 44KB css file (8 KB gzipped). Is this normal?

>>106482155
That makes sense, a single "thing" u use across ur site, import and throw in there, makes sense, I get a bit lost, where you put the component isnt a component right its just a page, how do you view components inside components and all that bullshit?

>>106483137
>>106482155
more specifically component nesting and composition

>>106483152
You mean <slot>s in <template>s?

so how many of us here have a job in web dev

Serious question. Do you all like the constantly shifting landscape of front end frameworks? Do they really solve a problem to necessitate the constant shift to the nu thing?

>>106483278
there is no shift of frontend frameworks, ive been writing react exclusively for the past 8 years across multiple companies

>>106483255
Does being a janitor count?

>>106483255
I did have a job in web dev, then I quit, and now I'm looking for a new job in web dev

>>106483186
I don't ever remember at this point, but sounds familiar

>>106483321
>8 years
I've been working for almost 15 years now. When I started, we were practically raw dogging raw HTML files where the best you could hope for was jQuery and some ajax. Then we shifted to MVC and angular. After that point it seems like everyone and their grandmother made a new framework every year. You've been using react your entire career but react now is not 2012 react. And I'm not sure if the changes to it were even necessary. We put data on a screen from an API call.
Web dev peaked at ajax and jQuery and I won't hear otherwise.

>>106483420
>Web dev peaked at ajax and jQuery

What's left to build on the web? What do all you gorillions of web devs even work on?

>>106483420
>everyone and their grandmother made a new framework every year
so? smartphones made it so that we need web page to be more like apps, js got a lot more functionality in the early 2010s, people experimented for a few years with different approaches but the major frameworks are still react vue angular, just because some blogger writes an article about some "framework" that nobody gives a shit about doest mean that anyone will ever use it, the new framework every week meme was spread by outsiders who know nothing about web dev
> You've been using react your entire career
yeah you just added that yourself

>>106445091
Much smaller ecosystem. The sad reality is that React is the only ecosystem that matters, although if you're willing to suffer a bit in that regard Vue is still a great option (I still hate what they did with 3 but it was inevitable if they were to stay relevant). Other frameworks are only good for hobby projects or huge companies with NIH and salaries based on closed tickets.

>>106483492
All your desktop apps must now run in the browser

>>106444865
You won't write efficient DOM redraws by yourself and you won't have the benefit of libraries and UI kits that do exactly the thing you need without having to spend half a year implementing just that thing alone.
Of course you don't always have to use a framework, if you're writing a simple webpage with a single page's worth of JS code, then vanilla all the way.

>>106483492
Enshittifying existing products to make more profit for our shareholder masters.

>>106483518
>The sad reality is that React is the only ecosystem that matters
To a large degree that's probably true but I see job adverts from companies using Angular as well. Maybe it's like 80% React, 10% Angular, and 10% other assorted frameworks.

>106483420
web development peaked with ajax indeed
everything else can be considered bloatware
99% of what people want or need can be delivered with simple php, html and some css and javascript
we just keep adding bloat for no reason unironically

>>106481814
Send me a pic of it and I'll tell you my analysis.

Can one of you give me a web dev job, I'm getting rejected despite already having professional web dev experience

thoughts on flutter?

>>106486535
I hate how fast code/widget examples become broken without obvious alternatives. The flutter webview is only for mobile+macOS while the inapp_webview doesn't support linux. dart is a bit weird and I hate how you kinda have to do stuff that the lsp would complain about unless you want to go through an Epic to make your project enterprise ready without any actual business layer. I've had some issue with sqlite/sqlcipher, but that might have changed.

I made a tool to save soundposts so I can still play them locally when the file hosts they use end up dead. Basically just combining the video and audio client-side with ffmpeg-wasm.
It worked fine so I decided to also make a tool to help make soundposts (i.e crop/trim video, split the audio into a separate file, and make sure the video fits 4chan's restrictions).
The UI is very rustic (I'm not a web dev) and the ffmpeg settings used are terrible (vp8 for webm, no opus, only 1pass encoding, etc), but it works well enough for my needs.
feo red.github.io/soundpost-tools/

>>106448017
>position: relative
>display: flex
>transition: hrt
>webdev: on

>>106486806
>buttplug: in 8in 6in;

>>106486535
jeetware fresh off the streets of mumbai

>>106487673
imagine the smell

>>106487834
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Reject All Accept All CookiesCookies Settings

Is anyone else freemaxxing email by carrying over the 101st request to another provider?

>>106464653
dude, if you are unemployed don't learn irrelevant boomer tech. Spring Boot is straight out of Durgasoft, I'm not even kidding.
https://www.youtube.com/watch?v=YpsFT50mths
>God bless you MR.Naveen and Mr.Durga(the king of java )....... all the best .Please MR Naveen We need Web services (REST) in your amazing way

>>106483456
were u even there to begin with?

>>106486535
idk but if it delivers at least on android and ios at once it has done its job

you're telling me I don't need to spend hours fucking around with my webpack config files?

>>106486535
>>106487673
I would be willing to learn it. I saw a job recently that wants Flutter experience. I would like to do a job like that. But if I was to learn Flutter now it would probably take a while. At the moment I'm focused on web stuff (Node, React, TypeScript, whatever)

>>106489704
Yeah I did web dev back in the days when jQuery was popular. I'm glad that JavaScript itself has now improved to the level where you don't need jQuery. Who wants the bloat of downloading jQuery? As for AJAX, we now have fetch, a simple and powerful API.

>>106486788
too notch project you could open source it AND make a paid version both at once

>>106489937
aight, cause from ur post it looked like u never touched it at all, yes it is tech of the literal past, I remember with warmth in my heart cause that's how I learned scripting on my own

>>106490003
>>106486788
just pay a designer for the paid version, opensource nigggas don't need flashu UI

if there was a modern js helper, that took more from jQuery than react, what would it be doing, what what would it bring to the table.
Or in other words, what would a modern js helper do and look like, what functionalities would it extend, create, etc?

>>106491033
Typescript with fluent DOM apis

>>106491297
>fluent DOM apis
wuds this?
regarding ts, I 100% think it has to and will integrate into native js, in fact I'd go ahead and make it 100% based on Java which has more extenssive types

>>106491297
you gave me an idea, u know what I want? u know all the animations we can do on css hover? I want the same but with video, and by that I mean, start apex and back to start video playback on hover. does such a thing even exist? you can't really do hyperrealistic 3d objects in css

>>106480999
I still don't know how the fuck regex and wildcards in Notepad++ work. In VSCode it literally just works as I expect it to work.

>>106489704
yeah i remember the nightmare of some laravel blades and knockout mumbo jumbo with jquery scattered around a "large" (not really) code base

as a modern day professional web dev I feel something like cocaine drug dealers (no I don't consume or sell it)
https://www.youtube.com/watch?v=pTwJC5BYsvM&list=RDpTwJC5BYsvM&start_radio=1

>Hired as a dev for web project
>Uh oh it's Wordpress again
>They have the cheap version so the backend stuff isn't available for the project

>>106492552
>the backend stuff isn't available for the project
pretty radical 2bh, take this chance though, be the star dev that opens the back end option for them, no I'm not trolling, no I'm not joking, yes it's your gateway to moar ka$h