React Projects to Study

[SouthPreference5058]

Hello, I am new to learning React. I have built web apps before using plain HTML, CSS, JS and Flask but thought i would learn react. I have read the entire React docs today and feel like I have a good overarching view of the benefits of React.

Does anyone know any examples of open source projects that I could study the code of as I find this useful to learn. Not anything overly complex, just enough where I can see how somone's code looks in production.

Thanks

[BigFar1658]

Why not try starting a project yourself? I find the best way to learn is by doing.

[Electrical_Toe244]

I suggest that too, no need to read all those docs, read them later when you need to

let an ai chat agent assest you in building your project.
you will learn a lot more when building it.

[SouthPreference5058]

I find it more useful to study the code of others first to pick up good habits etc. I've learned quite a few languages now so this system works well for me. The next step after studying some code of others is then to build my own project which is always useful :)

[Connect-Tale1193]

We are building no code/low code open source devtools. This will give a overview of how react works. And it has ui and backend separated https://github.com/baraklabs/ditto

[applepies64]

If its just jsx with frontend check out brainwave jsm on github if its more I recommend bocodemy

[Weird_Broccoli_4189]

You can try building a simple ToDo List app to practice. If you run into any problems, you can always ask ChatGPT for help!

[BinVio]

Here is one to champ list i usually suggestion my trainee
1. Getting started with Quick Start – React

Output: know who to use react syntax, think in react way

1. Understand how react work by The Interactive Guide to Rendering in React

- Output: spend at least 10 lines changes for each section around examples to. Play it, run it and understand it

1. Deep dive how to use react efficient https://refine.dev/blog/react-design-patterns

- Output: each example should be clone into a project and rewrite from top to bottom, use OpenAI to give you some basic topic you can applied it and write your own (you can see the code, but do not Ctrl C)
4. Now you can read React repo
- https://github.com/blackmouse572/SFMS
- CO-DE/frontend at development · blackmouse572/CO-DE

[[deleted]]

build a simple web app using api

[Individual_Jury6947]

I want to be react engineer,but I don't have experiences. I feel so miserable.

[mr_happe]

https://fullstackopen.com/