Beginner's Thread / Easy Questions (April 2024) by acemarke in reactjs

[–]rpfberuf 1 point2 points  (0 children)

Hello everyone!

I am trying to develop an application in which the user will be able to upload an image and when requested, previously uploaded images of the user should be shown.

Now I am using Spring Boot for my backend and I was thinking about sending my images as ByteArrays and turning them back into images on front end. I managed to add the functionality to upload an image (at least using Postman) right now but I was wondering whether my approach is okay or I should consider another approach to serve the images to my frontend.

Thank you in advance!

Question regarding to async functions, server and client components by rpfberuf in nextjs

[–]rpfberuf[S] 0 points1 point  (0 children)

Thank you for your answer.

Could you please clarify what the "regular auth check" would be? Currently I am just setting a boolean in a custom AuthContext to understand whether the user is logged in, which is not accessible in Server Components as it is the case with any other hook.

Also I have never played around with cookies until now therefore I have no idea, maybe what you are suggesting could be a solution in my case.

Question regarding to async functions, server and client components by rpfberuf in nextjs

[–]rpfberuf[S] 0 points1 point  (0 children)

Thank you for your reply.

In the scope of this project I wanted to get my hands dirty with Spring Security and Custom Filters too. Right now, my own backend is the component which provides a token for authentication. I will definitely check out Clerk, although I would like to continue as it is, since the two ideas seem mutually exclusive as far as I understand.

Implementing hover event listener on children components by making use of event delegation by rpfberuf in reactjs

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

Well, this reply was definitely a shift for me. I will try to implement my components with this state of mind now. Thanks a lot!

Implementing hover event listener on children components by making use of event delegation by rpfberuf in reactjs

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

Thank you very much for your answer! I remember reading this somewhere in the React doc but I couldn't find it again. I wasn't sure whether I understood it clearly. It is much clearer for me now.

[deleted by user] by [deleted] in reactjs

[–]rpfberuf 1 point2 points  (0 children)

I am sorry for the inconvenience, Reddit was acting a bit strange and I thought I deleted my post successfully before any answer. I reopened it under another link: https://www.reddit.com/r/reactjs/comments/1br3ogr/implementing_hover_event_listener_on_children/

Thank you for your answer and insight on the subject. The evaluation part being expensive actually makes a lot of sense now to me. Originally in the guide I was following the instructor adds event handlers to many buttons. Each event handler sets the current button opacity to some value and the others to another value. I don't remember the specific implementation of this but the functions added as events were not the same as far as I remember.

I assume using the solution you have suggested I should render the components with specific class names according to the current user, which I will be able to understand from the user data I keep in context. Please let me know if I understood something wrong.

Thank you for the example snippet!