[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

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.
  • You may highlight syntax and preserve whitespace by using [code] tags.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


[Advertise on 4chan]


File: maxresdefault.jpg (76 KB, 1280x720)
76 KB
76 KB JPG
React Compiler 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: >>107593630
>>
Just enabled the React Compiler myself to automatically memoise components without me manually memoising them. Seems to work. Good stuff.
>>
React Compiler? React is not like C?
>>
Anyone care to review my project?
https://github.com/kjpgit/PhotoReviewer4Net/

It's an image & photo reviewer, and the front end is 500 lines of HTML/VanillaJS.
>>
>>107633499
Use case?
>>
>>107633515
> Use case?
Going through a years worth of family pictures and videos (500+) and finding 50% to delete. And viewing them on a tv.
>>
>>107633499
You should have dockerized your app. I won't be installing dotnet just to run your project.
>>
>>107632309
It has so many bugs left on edge-cases you will quickly reconsider if you're authoring anything of moderate complexity.
>>
>>107633545
Well, I can certainly do that. It just needs read-only access to whatever subdirectory you want to review, and an open port to the web server.

I guess I can work on that for the next day or two. Thanks.
>>
File: 1761511146507649.png (142 KB, 860x860)
142 KB
142 KB PNG
>>107633499
Here is a high level review based only on reading the code.

The ratings dictionary is written under a lock but read without a lock, and Dictionary is not thread safe, so concurrent requests can throw
or read corrupted state.
File: Services/APIService.cs.

The media stream URL uses encodeURI even though the path is placed in a query parameter, so filenames containing ?, #, or & can break the
request.
File: wwwroot/code.js.

The UI can get stuck because CloseMediaWindow is blocked while an async action is pending, and MediaLoadEvent might never fire for certain
video failures.
File: wwwroot/code.js.

The API accepts any rating string without validation, which can create inconsistent states in counts and filters.
Files: Controllers/APIController.cs, Services/APIService.cs.

The Windows usage example shows a directory ending in .exe, which is misleading.
File: Services/ServerOptions.cs.
>>
I made a website with some educational tools, like an interactive periodic table and charts with basic formulas for different areas of physics, scientific resources like that, a coin toss simulator and other curiosities. It's public but I did not share it anywhere though, I feel it's not ready for launch yet, so it barely gets any views.

I'm a total amateur, I come from graphic design and learned html/css/js on my own, which was all I really needed. While I started the project for fun, now I think it's genuinely useful for students. I want to know what are the next steps here, perhaps a way to make some money out of it, even if just a little. So far all I have is a donation button just in case, none as of yet. Is ad revenue from regular websites still a thing? Should I make it into a downloadable app instead?

The website is not revolutionary or anything, but the idea is to pack a lot of useful basic level stuff in a nice clean design, not sure if there is space for this or am I wasting my time in a dead project.
>>
>>107632299
Fuck react
return to server generated html
>>
>>107633622
>shows a directory ending in .exe
I hate AI, because it is filled with false positives, but that is a legitimate typo on my end. Fuck.
>>
did u know that u can "embed" an image inside html /jscode? pretty rad, first time I saw that was in a 4chan holiday theme
>>
>>107633622
>encodeURI
So that is also a good catch, I failed to test files with & in them.

> The API accepts any rating string without validation
This was intentional on my end, but still good to warn on it.

> The UI can get stuck because CloseMediaWindow is blocked
This seems to be a hallucination, because I tested this heavily on 3 platforms.

> The ratings dictionary is written under a lock but read without a lock
Accurate. It's only read once at startup, but still a good warning.

4/5 for this AI.
>>
>>107633800
I didn't actually execute the project, since I didnt want to install dotnet. All the review was done purely from reading code, without testing. I think it did well.
>>
>>107633653
BASED
FUCK ALL FRAMEWORKS
>>
>>107633342
The React Compiler is a new thing which can automatically provide optimisations for your React code - optimisations which otherwise might require hooks

>>107633548
I just went to the React docs for `memo` and it recommended using the React Compiler. I didn't see anything suggesting the Compiler is experimental. The compiler NPM package is version 1.0.0 so presumably they think it's production ready?

If I run into problems I guess I'll get rid of the Compiler and just use `memo` as before
>>
I'll never use react no matter how much you shill it lmao
>>
>>107633499
you have to review one by one?

if no, explain what i'm missing
if yes, how is this better than doing it in a file manager or even image viewer?
>>
>>107634333
> if yes, how is this better than doing it in a file manager or even image viewer?

This is like asking how using Kodi/XBMC is better than vlc. One is a couch/TV friendly UX.

We used to use Faststone to review pictures on the tv, but it's UI is very complex, lots of different subwindows, lots of menus and tiny icons, janky & different key controls with videos, just nagging stuff like that.

I wrote this to be a 10ft UI (auto hiding control bar). All options on home screen, such as auto advance.
>>
>>107634504
right, i guess i find it completely useless because that's not how i take and clean up photos

i always take multiple consecutive photos ("duplicates") and then later pick one that technically turned out the best and delete the rest
this requires sometimes going back and forth, comparing etc

i thought this was the point, not just to delete photos you don't like from the album
>>
>>107634837
We do it by either giving things a yes, no, or not sure. Than we do a second (or third) round clicking on the "Unsure" filter, just to see those. So we do go back and forth between those quickly. And I emphasize "we" because it's a family affair, all sharing the TV.

And I don't physically move or delete anything until days or weeks after we reviewed them all.

Thanks for the feedback.
>>
>>107634333
>you have to review one by one?
If you're asking if you have to go through sequentially, like a slide show, no of course not, you can click back and forth on any file you want.



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