[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / 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]


"React just works" 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, PostgreSQL, etc.
link:: https://my.website.com
repo:: https://github.com/user/repo
progress:: Lorem ipsum dolor sit amet

Previous: >>109854173
>>
Has this general even a purpose now we've been replaced by ai?
>>
I hate React.
>>
>>109870282
If anyone's interested, here's my alternative to the modern web dev js framework madness: qitejs.qount25.dev
>>
File: js.png (380 KB, 589x1200)
380 KB PNG
>>
>>109870082
Posted it again award

>>109870282
It just works though
>>
>>109870408
Nah, you know what "just" worked? PHP, Rails , Django. Anything that just rendered HTML and sent into the browser. There was absolutely no need for React and SPAs for 99% of the WebApps out there. Yet somehow it got pushed.
>>
>>109870465
Do you know how hard is to show ads and add trackers with server side rendering?
>>
>>109870535
Is it even hard? how?
>>
>>109870606
Without client-side rendering, the ad would have to be embedded in the HTML body along with the HTTP response, which would be more tedious for advertisers, and tracking would be completely impossible unless you find another way to track the user's every move without using JavaScript
>>
>>109870465
For some websites, JS isn't really needed, but if you're trying to make a web application, which feels and behaves like a native app, then I think an SPA is a good solution. SPA PWAs can be pretty nice.
>>
>>109870700
anone, you can stll use js just right with be rendering, plus be rendering isn't braindead dumb, it can have be logic embed in it
>>
>>109872454
now this is a solid argument, rerender = why
>>
>>109873623
If you have small components in React, and the state of one of those components changes, then only that component will re-render, instead of the entire web page. Unless I've misunderstood how React works.
>>
>>109870064
Is this bad design? How could I improve it? I've remade it multiple times and it still looks awkward at best.
>>
>>109874977
Also, book details page.
>>
>>109872454
I used to think like this until I had to work on serious projects with large React front-end codebases. Awful, absolutely awful waste of time, effort and sanity. Server-rendered web all the way. It's simpler, more predictable and modern browsers are ridiculously fast. For most applications, you can cover nearly all the interactivity needs with server rendering, modern CSS, limited amounts of JS. I'm not saying not to use libraries, but all the SPA incarnations can fuck off back to hell.
>>
More json render + jev
https://x.com/Moore/status/2102078191758102998

You still gotta wire up the events for now, but we're close. Frontend dev will need this kinda approach over slopcannon barrage
>>
>>109875162
I like SPAs. I don't know if React is necessarily the best SPA solution. I should really try out Svelte which is apparently pretty good. I still believe that SSR is best for some websites but CSR is better for others, for example PWAs.
>>
Yes I'm sure someone will give me a dev job, I just need to do more Leetcode and personal projects. Any day now...
>>
>>109878527
hold it with all that optimism
>>
>>109878527
Do you have any experience? We're looking for .NET, Python and React devs for remote mid and senior positions.
>>
Is anyone still using next or they all moved to tanstack?
>>
>>109880885
we are using nuxt where I work
>>
File: 1766409641724686.png (297 KB, 860x1604)
297 KB PNG
RIP three.js
>>
>>109878527
internships, shit pay or no pay, the price to pay for feet in the door, worked for me, hope it works for you. goodspeed blackpill anon
>>
>>109881288
>real nigga dev declares self ai brainrotted and blackpilled
sad times ngl
>>
>>109881288
>>109881692
sorry, I'm a retard, just noticed this is not the threejs dev, this guy is behind threejs roadmap, but still
>>
>>109881714
good missing bit of info, there's still hope



[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.