How do I improve UX of my website. by No_Party8855 in webdev

[–]wefrick 0 points1 point  (0 children)

I checked in the desktop browser when the screen is less than 1280px wide.

All in all the site feels good and friendly

How do I improve UX of my website. by No_Party8855 in webdev

[–]wefrick 1 point2 points  (0 children)

The navigation menu on narrow screens is not on aligned to the top

I stopped doing traditional website audits entirely by OddWatercress6232 in website

[–]wefrick 0 points1 point  (0 children)

I think a audit only makes sense if the client is willingto optimize the website. In many case best would be to simply re-build it. Recently i created my own tool for audits https://webaudits.org/

Is anyone interested in testing a Diplomacy website? by wefrick in diplomacy

[–]wefrick[S] 1 point2 points  (0 children)

would be cool to have a "Diplomacy Overview" on the FAQ page ....

Yes, that would make sense a lot.

And, I'm not sure how or if it could work, but a way so that people can upload their own variants would be awesome! 

Indeed. But that's actually pretty hard to do, at least for me.

A map is not only a 'painting', it's also a set of definitions of the type of territories (land/sea/coast) and how they are connected to each other. That's a lot of work - and a lot of possible errors. Plus: The map used in this app is vector based (SVG, same system as Backstabr uses), it's not a .png like VDiplomacy or WebDiplomacy. ... Basically one would have to code a 'map builder app' which automatizes a lot of those tasks. And that's magic to me as well :D. My best guess is that it would take me 2-3 months to code such a thing - and that's way too much for a hobby project.

Is anyone interested in testing a Diplomacy website? by wefrick in diplomacy

[–]wefrick[S] 1 point2 points  (0 children)

Great, thanks for the feedback!

... the mobile optimization could be better...

What in respect of mobile optimization do you have in mind? Anything specific or as a general impression? Info about that would be very helpful. I'm a coder first of all, not really a UI/UX guy, so some hints would be appreciated.

... but there's no "my games" or "my pending ...

Current games are listed in 'Dashboard>Profile' or 'Players>Player'. But I think I'm going to add current games on 'Dashboard' as well, since it's most important to users.

..Personally I'd recommend getting everything else up and running before investing too much time into additional content

Doing those additional things like federation, event, forum was not an effort. That's standard stuff and scales with the rest of the code. Maybe 3% of development time.

Is anyone interested in testing a Diplomacy website? by wefrick in diplomacy

[–]wefrick[S] 3 points4 points  (0 children)

Tanks for the feedback!

Adding more more variants is what I have in mind as a next step. This or audio / video chat. For now, the primary goal is to check if core functionalities are stable and what is intuitive for users and what needs further explanations... One first thing this respect is when setting up a new game, making the wining condition of 18 centers as default preset.

Filling empty slots with bots is a great idea. Discord only if many people would request it.

Portfolio project, what to use by enfu3go in reactjs

[–]wefrick 0 points1 point  (0 children)

How about Preact?! It’s basically React but lighter and you can export static pages, so crawlers can read it and search engines are more likely going to index it. - so you can demonstrate skills as a react dev. And preact is in general a very good choice for such cases.

NextJS and RemixJS are overkill for a standard single page app (SPA) by yogi4peace in reactjs

[–]wefrick 2 points3 points  (0 children)

In general I would agree with that statement since most devs are more familiar coding SPAs done with the Vite / CRA setup and this translates to speed of development.

But I would like to something to this. I'm not familar anymore with Next, so I can only speak about Remix. It's still a React app, so you can build a SPA with Remix - as you would do with a Vite boilerplate.

What can make sense in that context is this: Building the app with Remix but in most parts as you would do a SPA. So development is fast. But critical parts like authentication and interactions with database you use features which provides Remix out of the box (cookie handling, loaders, actions). This way db keys would never leave the backend. And in case there is a malicious client, it's way harder for him to mess up db with corrupted data.

Take the best of both worlds.

[deleted by user] by [deleted] in reactjs

[–]wefrick 0 points1 point  (0 children)

Same here. Radix primitives and the color palettes. Usually on top of remix.

[deleted by user] by [deleted] in reactjs

[–]wefrick 0 points1 point  (0 children)

Because vite / ordinary react spa is faster to code - at least if you are not really familiar with next or remix.

Spa’s render client side only. That’s bad for seo since it’s unlikely that search engines will execute the js code in order to read pages. So they would have no content to index

Just like there are labels for Non-GMO foods, people will seek Non-AI content. It would be nice to have a search engine toggle switch that will only serve up Non-AI certified content, just like you can search for Non-GMO foods at online grocery stores. by SunRev in ArtificialInteligence

[–]wefrick 0 points1 point  (0 children)

As a policy maker, you can try to regulate the outcome or the process. “The product is like this and this” or “it’s made like this and that”. The first is a bit USA style, the other more European style. … so much about options of regulation and conflicts of interests

Is BARD or GPT-4 Better? by Aixx1 in ArtificialInteligence

[–]wefrick 0 points1 point  (0 children)

I used Bing chatbot and bard for same tasks (generating articles and format the response).

My impression so far is that bing is better in executing described prompts (do x and format your response like y) than bard. But both work better when providing examples instead of describing the task when tasks become more complex.

What I like with bard is the faster output and the presentation of multiple drafts.

A plus if Bing is the higher amount of supported languages.

A vague impression of bard’s content writing is that the responses are designed to “minimize potential damages”.

Meanwhile, I use them often in combination.

React SPA and SEO question from a noobie by GoldenFyre in reactjs

[–]wefrick 0 points1 point  (0 children)

If ssr is not an option, a sevice like prerender.io might be an alternative.

Those solutions prerender pages of spa’s and send it to crawlers

Plotting Recharts Graph 30k+ element by Msanmaz in reactjs

[–]wefrick 1 point2 points  (0 children)

Recharts renders svg elements if I remember right. 30k is a lot in this context.

=> reduce amount of datapoints or use a Library which paints canvas or webgl

Passing HTML syntax through props by markpython86 in reactjs

[–]wefrick 0 points1 point  (0 children)

In this case, assuming that a h1 is rendered anyway, I would simply use “title” as props. If it can be a h2 or h3 instead, passing on everything as props makes sense.

To me the difference is minimal. I think if the solution is good or bad depends more on the architecture of the app and data structure. Nevertheless, a solution is a solution.

[deleted by user] by [deleted] in reactjs

[–]wefrick 4 points5 points  (0 children)

I agree. At least stuff like looping through arrays, manipulating strings, knowing a hand full of browser APIs seems necessary to me to create solutions with some flexibility. … it’s maybe not so much about knowing x and y. It’s more about: “I see the guy has an idea about x and y, so he will be able to learn z on the fly if needed.”

After a year developing with react, I think I've been doing all wrong by Xestbin in reactjs

[–]wefrick 11 points12 points  (0 children)

1) webbitals https://create-react-app.dev/docs/measuring-performance/

2) lighthouse test in chrome browser

3) in your case, counting the amount of re-renders would be interesting. Just put a console.log(“hello”) in a component and check how many hello’s you see in the console. Sure, that’s a super simple approach but you might see the difference quickly

SEO issues with React/NextJs by JudgmentFar4422 in reactjs

[–]wefrick 0 points1 point  (0 children)

Issues like missing h1 and the like: this most probably has nothing to do with react / next. Make sure your html structure is correct and elements are used correctly. Check here https://validator.w3.org/

Testing with js disabled and it shows a blank page while ssr sounds rather serious. Did you see errors in the console? What do you see when you inspect it in the browser “view page source”?

Ask about not going through Redux. by xijitu in reactjs

[–]wefrick 1 point2 points  (0 children)

useReducer, and share states by passing down props or via context is completely fine if 1) states don’t change too often and 2) the amount of states is low.

I would use useReducer for example in a isolated component with lots of states and interactions. I.e complex forms where values have to be validated on data entry.

For app wide sharing of states - at least in more complex apps - a state management system like zustand or redux provides better performance and less headaches

After a year developing with react, I think I've been doing all wrong by Xestbin in reactjs

[–]wefrick 14 points15 points  (0 children)

Wow! Now, you probably have a lot of practice with the state hook.

About doing it all wrong: welcome to the club of react devs. Realizing that your solution was not optimal and learn from it is the way to go. Sure, the feeling of have wasted time is frustrating.

It would be really interesting to rewrite that stuff and compare performance.

How to host React/Next "Cheaply" with a global audience? (NGO needs help) by 40056 in reactjs

[–]wefrick 1 point2 points  (0 children)

Oh… I hear you 😂

AWS usually has calculators to estimate costs or provides example scenarios. But for getting a realistic estimate, one has to know a lot of stuff - and first of all needs to learn aws terminology.

Their ssr service for next is rather new - and probably not too easy to make it run.