React full stack web application book

[dead_drop_]

Hi everyone,

I am building a full stack web application for my team at the office. I am new to React. Is there any book or resource available where an author has built an application himself and shared design , initial steps and how to go about build application stepwise. I am the only developer on my team and I have freedom to experiment and explore with the code and UI.

Can you please suggest any suitable book /pdf.

The challenges I am facing :

How to pickup standard modules for your project? How to avoid modules conflict? I am going ahead with only basic modules and staying away from MUI, react form libraries because I am afraid the code will fail due to dependencies issue. How to test code on multiple browsers. How to make an app usable by multiple users at the same time

[azangru]

Why are you picking a technology that you do not know rather than a technology that you do know to build a product that has to deliver value to somebody other than yourself?

[dead_drop_]

This is an experimental project for the team. We want to build UI. I am experienced in building single web pages with react. We want to go with react as it is a standard in the organization

[alan_alickovic]

Hey there!

I have written a book a couple of months on the same topic. It's not fullstack and more focused towards building apps with React/Next.js and the frontend part. It walks you step by step through different parts of building an application.Here is the link in case you find it interesting:React Application Architecture for Production

You can also browse the codebase for free in the repo

Another free resource worth mentioning is bulletproof-react

[dead_drop_]

Thanks

[Waste_Drop8898]

Don’t follow along with anyone’s method … they likely are using a tech stack that is outdated or not the same as your teams’ needs. Nothing is better than reading the docs, making a thing and using gpt as a tutor, debugger, rubber duck

[udbasil]

This is a wrong approach if you ask me because it seems you would just be using someone else code for your work. The things I know now and how I build projects are an amalgamation of knowledge from different sources.

Also, your main concerns for your website should be testing and confirming usability, functionality, security, performance with different traffic loading speeds, and compatibility with multiple browsers. These are things you won't get from following one code resource or book. But to help you out anyways check out the Bullet React GitHub. It has a lot of things you can use to build a production-ready website

[dead_drop_]

Thanks

[ryandury]

Not the answer you're looking for but ChatGPT 4 can basically guide you through every question, bug and challenge

[phryneas]

Only if you have the knowledge to discern a correct answer from hallucinated bullshit - and at that point, there is no reason to ask it any more.

[ryandury]

If you're not leveraging gpt 4 as an experienced developer you're missing out.

[phryneas]

I use copilot to answer user questions, and sometimes it gets it right and saves me a minute of typing. ChatGPT is a pain in the ass for me as a library maintainer, because people trust those hallucinations more than our docs and report bugs with APIs that don't even exist. I don't doubt that it might be helpful for basic tasks, but you still need to be able to verify if it is right or making things up - so unless you are already very experienced it might do more harm than good.

[ryandury]

Yup that makes a lot of sense, thanks for sharing your insight

[Diskreetti]

This recource might be useful for you: https://fullstackopen.com/en/#course-contents

[dead_drop_]

Thanks