[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip] [cm / hm / lgbt / y] [3 / aco / adv / an / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / pw / qst / sci / soc / sp / tg / toy / trv / tv / vp / vt / wsg / wsr / x / xs] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/g/ - Technology


Thread archived.
You cannot reply anymore.


[Advertise on 4chan]


File: logo-color-banner-600.png (304 KB, 600x600)
304 KB
304 KB PNG
Tanstack edition.

>Free beginner resources to get started with HTML, CSS and JS
https://developer.mozilla.org/en-US/docs/Learn - MDN is your best friend for 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: >>108275562
>>
The great debate
>>
File: 1724882339113476.png (265 KB, 750x480)
265 KB
265 KB PNG
>>108310908
weekend edish mu'h fu'hs
>tfw can't get gigadrunk because I turn into some kind of wet gremblin
suffering
>>
>>108312245
I'm drinking right now. Might be near the Ballmer Peak so I could try to get some work done but I think I'll leave that for tomorrow
>>
>>108311067
>The great debate
Why do you even need a mobile application? For a PoC or just turning your shitty website into an app use react native or even better: hypermedia.
If you want to build an actual tool that takes advantage of the OS and not just a WebView build it native using Kotlin.
Once you realize how hard they make to add an app to stores and how little users are willing to install yet another app you'll see how pointless is to get into this debate.

If it's for work just lookup what is more in demand in your area.
>>
>>108312589
>Ballmer Peak
>0,1337%
I lul'd
>>
partial hydration and ssr is confusing. the only way I can tell where its being rendered from is by logging.
>>
>>108312810
I have played around with PWAs and they're good, but if you want to reach ordinary users then it probably makes sense to bite the bullet and make something that can go into the App Store and Google Play. Yes that means paying fees to Apple and Google, but the average user these days expects to find apps in those stores. They don't understand the idea of installing a PWA from a browser.
>Kotlin
I don't see the point in writing two functionally identical apps in both Swift and Kotlin when you could just write one app using something like React Native and have it automagically work on both smartphone OSes.
>>
>>108312907
Exactly my point. What app could you possibly make that is worth the effort. Even building something in react native means making 2 dynamic versions to simulate Google and Apple ecosystems dynamically.
>>
>>108313080
Ah yes of course. "Everything's fucked so don't even try". Guess there's no point making any websites either then.
>building something in react native means making 2 dynamic versions to simulate Google and Apple ecosystems dynamically.
Surely you can just create one app and test it with both iOS and Android. Then just fix any bugs that arise on either platform.
>>
Can someone explain to me what Tanstack is used for?
Naturally, I asked Deepseek and the answer is :
"
TanStack is a suite of high-quality, open-source libraries for web developers, built with a focus on being headless, type-safe, and framework-agnostic. Instead of being a single product, it's an ecosystem of tools that you can pick and choose from to build modern web applications.

The core philosophy behind TanStack is to give you powerful utilities that don't dictate your UI or lock you into a specific framework. You can use them with React, Vue, Solid, Svelte, Angular, or even vanilla JavaScript.
"
So it is just a collection of frameworks? I mean how is that useful given that any project I do will just directly use the frameworks and does not need a collection thingy for them.
>>
>>108310908
Astro 6 soon
>>
File: 1766211790357033.jpg (25 KB, 600x600)
25 KB
25 KB JPG
>start having the "stare at a blank screen" episode since I start abusing AI for work
Anyone else still write code manually for their side project?
>>
https://zweiundeins.gmbh/en/methodology/spa-vs-hypermedia-real-world-performance-under-load
SPA FINISHED AND BANKRUPT

>>108313844
They're a good library with emphasis on doing everything in type system so you get autocomplete everywhere. Personally i find it to be bloat.
>>
File: 1772855888165.png (109 KB, 720x960)
109 KB
109 KB PNG
>>108315094
Based
>>
>>108315074
I'm still writing frontend manually. Sonnet 4.6 and opus 4.6 can kinda do it but the api cost can be enormous.
(I'm not falling for their jewish subscription tricks so I'm paying raw api costs)
I think a year from now when haiku 5 drops is when I'll try getting ai to do frontend again.
Btw gemini 3 flash can do it but the demons behind it are psychotic idk what google is feeding them but if they can get them to listen they could take over the world.
>>
>>108315094
thank you
>>
>>108315150
>inb4 Haiku 5 is also a token munching machine
>>
Rails is dead tech but I see it shilled all the time. DHH needs to accept defeat and that there is zero reason to use Ruby in 2026 when Python and JS/TS have just as fast of development time with infinitely bigger ecosystems and use cases.
>>
>>108315074
>Anyone else still write code manually for their side project?
yeah, cause automated code can't figure it out
>>
File: 1772865153622.jpg (10 KB, 225x225)
10 KB
10 KB JPG
>>108315398
Worked as a rails dev a few years ago, changed company and started working with python+FastAPI.
Rediscovered the joy of programming with ruby and changed my stack to htmx+Sinatra. Ruby is elegant, quick to prototype and old enough to have a decent ecosystem - specially for the web.
Also, since ruby is so idiomatic it's a breeze to vibe code - try to create an app in rails and another on in your stack of preference and see the difference.
>>
>>108315094
Maybe I should look at this Datastar thing. But also I guess there's two things to say about Next.js. First is that it's obviously not the only choice for building an SPA, and there are more lightweight alternatives (e.g. Preact). Second is that I guess people are choosing things like Next.js because they're easy to use and they speed up development time. The same reason why people create Electron apps, even though they're much slower when running compared to other cross-platform apps (e.g. Qt apps).
>>
Maintenance over. We're SO back.
>>
You DID do some web dev today, right /wdg/? I did, because my VPS website had a couple issues I needed to fix
>>
>>108317272
No. I am stuck in this phase where I am too lazy to start anything.
>>
>>108317272
I'm not even studying for the cert, fuck 'em I already do the work my cert is allegedly preparing me for, I will, but there's too much on my plate right now
>>
>>108317272
what do you even use your VPS website for?
>>
>>108317305
Showing employers how immensely skilled I am
>>
Page 10, /wdg/ is suffering
>>
>>108317432
>lose to some random Rajeet because he asks for below minimum wage
>>
>>108317272
>his VPS websites has problems
Ngmi
You fell for the anti docker hate train meme didnt you
>>
>>108315679
>sinatra
So you agree rails is bloat and pointless
>>
File: 1772942715117.jpg (169 KB, 959x1280)
169 KB
169 KB JPG
>>108320663
For small apps, yes.
For very big apps that require constant change for managers and clients that can't decide what they want I still prefer rails.
>>
>>108320628
Nta but totally agree with you.
One of my apps had trouble sending notifications while ignoring the logic I set and on panic I couldn't remember how to stop it, so I just renamed the run.sh file

Changed it to podman compose and my life's been a breeze ever since, just run
podman compose down
.
>bloat
Yes, but I don't care, my time is precious and I prefer to focus on the code
>>
>>108320687
Why podman over docker if you value your time and 99% of the world standardized on docker?
>>
>>108320628
I don't use Docker for deployment because it's bloat, but even if I did, it wouldn't have helped in this case
>>
File: 1752276735751756.jpg (8 KB, 249x167)
8 KB
8 KB JPG
dont cry because its over smile because it happened
>>
File: 1740175206911771.jpg (243 KB, 1920x1440)
243 KB
243 KB JPG
>>108322106
not over yet, just over-ish
>>
>>108323179
>>108322106
qrd
>>
>>108323204
just the industry is über fucked
>>
>>108323223
why not make it illegal?
>>
>>108321667
Lighter on the machine and rootless containers, better security by default. Also way easier to install.
>>
The elites dont want you to know this
You can use AI to generate user scripts
I have 10 tampermonkey scripts at home
>>
>>108323865
I've used gpt free tier to gen me mini-bash script one-liners, so far so good
>>
what js web framework would you recommend? no hono
>>
>>108325521
>no hono
Name 3 (three) reasons why not
>>
Your thoughts?
>>
UI updates. Here's the old one from last year.
>>
>>108327441
the new vibe
>>
>>108326651
Rust is a joy to work with despite what this board says. I have such a hard time using anything else because the toolchains are so modern and lovely.
>>
>>108327449
>>
>>108327461
bro learned the word toolchain 3 weeks ago
>>
>>108327799
Name a language with a better toolchain? No language I'm aware even let's you export/import code to/from markdown like rustdocs does. Cargo is amazeballs. Making memory leaks near impossible is a sane default. The compiler and its output is outstanding.

The only downside IME is the huge binaries and slow compile times.
>>
File: 1773043366471.jpg (199 KB, 2188x1968)
199 KB
199 KB JPG
>>108325521
>>
>imposter syndrome is at it again
>>
>>108310908
Briefly checking out tanstack. Why is every framework getting more bloated each and every year?

>routeTree.gen.ts
>customScript[.]js.ts
>posts_.$postId.deep.tsx
This shit is even more black box magic than Laravel

No wonder more and more people are resorting to vibe coding because framework and package authors keep making things more and more complex not even an aerospace engineering degree can help you here

I miss the times when writing software was simple, and we got fast and efficient software out of it
>>
>>108329010
3 years and counting 4 me
>>
>>108327441
>>108327449
>>108327788
Cool. I know nothing about financial stuff so I can't say I understand what your web app is meant to do, but it looks interesting
>>108328950
HTMX looks like a meme to me
>>
>>108329209
That's because HTMX is a meme

Real men already solved the state-at-scale problem, and it's called React
>>
File: react.png (180 KB, 1055x760)
180 KB
180 KB PNG
>>108329223
>Real men already solved the state-at-scale problem, and it's called React
Based and redpilled
>>
>>108327788
where are you getting the financial data from? how long has it taken you to put together this?

i wanted to build something like this myself
>>
>>108329238
Don't get me wrong I hate React just as much as the next person. But all the alternatives suck even more. Same deal with Tailwind
>>
The elites dont want you to know this
But you can make an SPA out of HTMX and service workers
It still clobbers the DOM though
>>
>>108329363
I like React
>>108329699
I don't see the point in learning HTMX when it's obscure. React just works and there are tons of jobs asking for React experience. Therefore I will keep using React.
>>
File: 1753380743842335.png (465 KB, 720x528)
465 KB
465 KB PNG
>Wep Debelopment
>>108329363
Vue is pretty nice.
>>
>>108329363
>Same deal with Tailwind
Me when I struggling with naming consistent CSS classes
>>
File: 1773067328014.jpg (32 KB, 460x315)
32 KB
32 KB JPG
>>108329703
>obscure
There's nothing obscure about it, in fact is f dead simple and can be learned in 5 minutes.
It allows any DOM element to make HTTP calls to backend (not just GET and POST but all verbs, not just <a> and <form> elements but ANY tag, like span, div, li, etc.
Also, instead of creating JSON, sending to backend, parsing, and generating another JSON so frontend can receive, parse and generate more HTML you send a request and the backend returns HTML (same with hypermedia, return XML so the mobile app can render screens).

I've used it and it's peak comfy in this madness of SPA frameworks. React and Vue are good options for huge apps than need to scale, but small to medium apps that are just pretty CRUDs don't need all that complexity and adding an attack vector just to avoid a few milliseconds of a black screen - what matter is dev speed and happinesses.
>but muh reactivity
Add AlpineJS if needed, but in most cases you don't

I've created a few apps using FastAPI+htmx and Sinatra+htmx and honestly if feels like fresh air, similar to when I first learned React and none of the added complexity existed, but you do you.
>>
>>108330637
you son of a bitch, now I want to smoke, but I'm quitting and I purposefully have none
>>
>>108329350
DataBento, but everything in that picture was just mocked. Debugging with real data today.

I only started working on the site a couple days ago, but it's not my first time doing one as you can see from my other post. As with anything else in this field the real time is spent learning and understanding the problem. To that end, I've spent the last year building and rebuilding my backend logic - the actual trading system part. Started in Python and was just doing technical-indicator style buggy backtests but now have a robust, low latency system in Rust that has coverage spanning defi MEV to options vol surface arbitrage. I could still easily work on it for another year too, imo.
>>
>>108330637
React just works and many jobs want React experience

I guess it's like getting a phone with some obscure Linux-based OS or Android fork. Sure, there are probably some advantages, but standard Android just works, so I'll stick with that
>>
Does anyone here use Hetzner with a Hetzner box for storage? I'm about to take the plunge and start using NGINX. Wish I could've set up a VM first but I'm too lazy and don't like doing things twice.
>>
>page 9
>>
>>108332431
I use a different VPS provider
>>
File: 1772205578874111.jpg (24 KB, 270x380)
24 KB
24 KB JPG
>>108310908
>get lazy and buy a react template off of envato
>claims to be up-to-date
>in reality hasn't been updated in five years
>uses create-react-app which is deprecated
>fails to build, npm audit fix does nothing
im so tired of this shit bros
>>
For me it’s gaslighting would-be-devs into thinking the industry is dead from AI and watching them go bombard some other industry with competition
>>
>>108333693
lulz, implying there aren't mass layoffs after mass layoffs after mass layoffs
>>
>>108333708
According to /g/ this is year 13 of me losing my job to offshoring, recession, AI, or some combination thereof.
>>
I fucking hate reading AI codes.
>>
>>108331023
didn't notice the cigarette, stay strong anon
>>
>>108333558
To be fair, why the fuck did you buy a template. You should be writing your React code yourself.
>>108333693
Very based.
>>
I love laravel.
>>
>>108333481
Which one, an (((Epstein VPS)))?
https://youtu.be/gHkTLE44X1c
>>
>>108335618
thx anon, ur alright
>>
>>108335160
I wouldn't like to be looking for a job in this market that's for sure
>>
>>108336300
I don't think the company I'm using has any connections to Epstein
>>
File: 81miyVuJWVL._SL1500_.jpg (127 KB, 976x1500)
127 KB
127 KB JPG
>>108331023
Read this book and reprogram your mindset. Stop craving drugs like a weakling, and overcome your nicotine demon instead. Thank me later
>>
>>108336625
I have nicotine chewing gum, all good
>>
>>108336633
Still keeps that shit into your body. Same with patches. Read through this book (just pirate a pdf idfc if you buy it or not) once and you'll see what I mean. Once I finished it I threw all my nicotine away and haven't had a single craving since. You literally have nothing to lose, except a few hours of your life, while you have potentially lots to gain
>>
>>108336208
Why? What's to love?
>>
>>108336680
easy to write basic CRUD which is all I need for my job.
>>
>>108336680
nta, beautiful structure and organization, at the very least for a newbie
>>
File: astro-logo-dark.png (14 KB, 920x320)
14 KB
14 KB PNG
Should I learn this? Just to make a simple static site. Apparently you can use React with it so I could write repeated code as a single React component, instead of having to copy and paste HTML (which of course isn't DRY)
>>
>>108325521
astro for frontend only
nextjs if you need backend
>>
want to get back into webdev but what's the actual point when chatbots can do it all automatically
it's over
>>
>>108337448
I've applied to junior web dev roles recently but they keep rejecting me because I don't have 10 billion years of experience
>>
File: 1758019943056515.jpg (16 KB, 702x480)
16 KB
16 KB JPG
>>108337448
One must imagine a web dev happy
>>
>>108310908
Hello,
Referencing https://boards.4chan.org/adv/thread/34326391#top

Is web development a good program to take at college after a layoff and divorce?

Can I earn an income and be location independent? Can I charge in crypto / cash? Can I easily uproot?

Is there a market for it? I have already applied to a trade but I'd be interested in maybe exploring a programming / web dev plan. What are your thoughts?
>>
>>108338002
Job market is bad right now
>>
>>108338002
this:
>>108339333
if you want in, you'll have to go through hell and back just for a chance
>>
>>108339536
I'm the guy who said it's bad (not the guy who asked if it's a good college program)

I'm thinking I should just apply for supermarket jobs. My recent junior web dev applications have all been rejected. Even though I already have worked in the industry before and I have some semi-decent portfolio projects.
>>
>>108339581
do both then, get money and keep applying, while still keep practicing web dev on your free time, without going crazy in the process
>>
>>108339631
Yeah you're probably right, that would be sensible
>>
>>108340535
just remember to take time for yourself, resting, going out with friends, etc. just for mental hygiene
>>
File: file.png (233 KB, 960x1246)
233 KB
233 KB PNG
Three.js is becoming massive as I said it would a few years ago (you guys believed me but /gedg/ and /agdg/ didn't). Since webGPU is a thing now, WASM physics engines exist, and three.js being perfect for vibe coding since it's all coding based. Three devs have embraced the idea of vibe coders and make it AI friendly now.

Anyways there's a cool new game engine out that seems to use three.js for multiplayer and voxel, you guys should check it out. It's called hytopia. I've seen some people vibecode some really cool shit in it.
https://hytopia.com/games/
>>
>>108340570
All good advice, thanks anon. I should go for another long walk this week. Need to get some air and exercise even if it's just mild exercise.
>>108341293
Three.js looks cool. I briefly tried it once but mainly I've focused on bread-and-butter stuff which employers seem to be most interested in (React, Node, etc)
>>
>>108341432
Three.js is becoming a more common thing on the web but yeah.

Check out this video, I could legit see hytopia becoming a big thing. Nothing ever filled the void of flash games. Those things used to be on every single site.
https://youtu.be/gtpuxQP74Qw
>>
Do you like Prisma?
>>
>>108341659
No. Mongoose is infinitely better. Drizzle is better if you need SQL. Prisma is ass and creates virtuals that doesn't let you write raw queries easily.
>>
>>108341682
Yeah I ended up choosing Mongoose for my project (again). Fuck setting all that shit up for a portfolio project that no one's gonna look at. I'll just "npm i mongoose" and be done with it lmao.
>>
>>108341915
First ORM to let you write JSON as your schema for an SQL database is gonna conquer the game
>>
How feasible is it to get steel scheme (rust crate) to run in the browser with a live REPL, with the ability to evaluate s-exprs at point? I'd like to be able to go
>(load-file "my-dataset.csv")
In a scratchpad and just have a hotkey to evaluate the expression in place over a file-loading UI.
>>
is java a good frotend?
>>
>>108341659
I love Prisma Illya
>>
>>108342967
no
>>
>>108343402
:(
>>
>>108337199
>should I buy a 9mm to kill a fly?
If it's a static site just write HTML
>>
>>108342967
by definition java isn't a fe, it's a be. however in the .net ecosystem they jave a thingie that works in the fe, thus java/spring does have a fe, but under that layer there's js
>>
File: 1763283052758514.png (30 KB, 694x632)
30 KB
30 KB PNG
When do I start using React query and React Redux?
>>
>>108345038
Bloat
>>
>>108337199
>to make a simple site
Learn Alpine.js.
>>
>>108345309
But m-muh latest technology for my static website of 10 users.
>>
>>108345507
nta, I'd go for php, obviously if ur restricted to static it isn't an option, else s'good.
the pros it's the simplicity, just require/include, ur done. the downside is u need nginx or apache
>>
>>108345659
It's a joke, anon.
I am getting the hang of React Query and Redux for my portfolio, but I wonder when I should really need it.
>>
>>108337199
Yes, Astro is comfy.
I have my personal website hosted on it without React even.
I am using Astro because it has the island architecture and quite minimal SPA router.
You can compile it to a static page.
>>
>>108345666
this general should have react users, I'm just not one of them
>>
>>108344028
>>108345401
>>108345681
Maybe I will stick with my dogshit HTML/CSS static site for now, with lots of copied/pasted repetition, but in the future if I can be bothered then Astro might be a good idea.
>>
>>108346659
Astro is not a 9mm, it's perfect for lightweight static websites. They probably don't even know what that is.
You don't even need to use React, you can create Astro HTML components that you already have and be able to re-use them anyway
>>
>>108345666
>>108345038
>React Redux
whenever you need global state and React context providers would be too bloated to use

>React query
whenever you just need to fetch some data desu, React query takes care of caching, and updating "out of date" data in the background. It's just a good library that saves a lot of boilerplate
>>
>>108346785
I remember seeing someone used Redux for color mode.
Might just be unnecessary bloat at that point.
Gonna practice React Query then.
>>
kinda makes me wanna create a node tool to handle static sites, like create dynamic footer, header, side-menu, whatever. and compile it
100% won't do it cause I don't have fucking time, but I think it'd be kino, I bet you could get away with vibe-coding this
>>
>>108348099
whats the use case
>>
>>108346785
remember: you do not need global state

compartmentalize it in its own service component instead
>>
>>108348807
>have static pages
>have dynamic elements
>but still static (after compiling)
aka dynamic footer/header/sidebar
>>
>>108348899
So like Astro.js or React Server Components?
Or literally any framework nowadays?
>>
>>108348970
never used any of those
>>
>>108348998
It's basically what you want to build but already solved
But your intuition for a need for a tool like that was correct
>>
Redpill me on "AI". At the moment I ask it when I have questions (e.g. "write me the SQL to fetch these columns from these tables I have") but I don't get AI to write me entire files. Should I do that? Or would the results be dogshit slop?
>>
>>108349635
this dude is not using claude code in 2026 lul
>>
>>108349645
It costs money right? And the results might well just be slop. I tried Gemini CLI briefly. Maybe I should try it again but I bet it would just give me slop.
>>
>>108349709
Claude Code is currently the best CLI tool like that. Honestly I don't use other AI tools anymore. But it doesn't give me slop, it gives me good shit



[Advertise on 4chan]

Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.