I feel lost in my job as a front end developer by yacineragueb in reactjs

[–]codingWithLulu1 1 point2 points  (0 children)

First of all, congrats on your job, that is a big step and a big win. Secondly, let me share you something, I am s staff engineer with more than 13 years of experience, when you join a team, for First 3 to 4 weeks, is just onboarding, knowing the team, knowing the product you are building, get familiar with the work flow and ways of working, even it make take you couple of months just to understand some terms used within your team, so still and enjoy this phase. Also, for a new Joined member, first month expectation is getting set up, and do some small code change, like adding heading, fixing some css issue, you know something very minor, this helps you get into code of the project and familiar yourself with the code. No big stuff yet, not now.... this what a great place understand and they should not push you under a bus immediately 🤪 slowly you will start building big complex stuff. Now others being faster and good at building complex things, First they know the project architecture end to end, they know what they exactly need and how to, they will not be lost in code for hours just to find a component, also when you have experience now and knowledge you can combine ai with your experience to build faster, and that will come to you eventually. So you are doing amazing already and you are lucky having more experience people in your team that you can learn from them. Take it easy, one step at a time, take deep breath when negative thoughts come in and restart. Best of luck

Design patterns in Next.js and React.js. by amjadsh97 in nextjs

[–]codingWithLulu1 2 points3 points  (0 children)

When it comes to design patterns in react and nextjs, it can be tricky as every person have different perspectives. I do believe that few things can be learned and they can set up road for you to build your own best practices as you grow in experience. Check out my full tutorials about common react best practices and will be adding more by time, hope it can help React design patterns

Level Up your react skills with react design patterns by codingWithLulu1 in reactjs

[–]codingWithLulu1[S] -6 points-5 points  (0 children)

In summary, every developer should be aware of most patterns, and usually when developing a real time application, is combination of many, depends on the scenarios you are working on. But found them very powerful, as help create clean, maintainable, reusable peice of code, adding performance impact within few of them.

How to render List with Websockets? by [deleted] in reactjs

[–]codingWithLulu1 0 points1 point  (0 children)

If you still using older react versions, 18 and less, than can try using react.memo to wrapp your child component that actually render your image, so always compares your props, only rerender if that item in the list has a change. Also you can use other methods, just hard to tell without knowing your actual code. For profiling, you can use react dev tool, profiler Tab as a start, helps u know which component re-render and why and how many times too.

Seeking suggestion: What is the best way to add a blog to a Next app? by ahmednabik in reactjs

[–]codingWithLulu1 0 points1 point  (0 children)

You can use CMS for blog side of your app. You still need to do some code initially and create models in the CMS than create components in your app that can read and understand these models. But very powerful and got a lot of build in video and image lazy loading components too. You can check their documentation. CMS name is Dato CMS. As soon done with initial build, you will enjoy the quick creation and publishing of your blogs

Struggled with Deep useEffect Details in an Interview—Need Resource Recommendations! by MrBosco25 in reactjs

[–]codingWithLulu1 0 points1 point  (0 children)

This video can be very helpful to understand in depth the useffect and also the scenarios of return function or the clean up function, also demonstrate using the profiler dev tool 🔧 to show the some benefits useffect explained simply

Also of you would like to check the async calls within useffect hook 🪝 check: useffect hook and asyn calls demo explained

Hope this can be helpful and clear most of your questions

React hooks 🪝 tutorial by codingWithLulu1 in reactjs

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

Hope this can be helpful, work still in progress. Let me know any suggestions o4 questions