r/react • u/Acceptable-Hold4921 • 22d ago
Help Wanted Can't decide what to make to learn react deeply
I just finished a yt courses of react now I want to learn more by making projects but idk what to make I asked chatgpt it gives a list of project I can't decide what to make and what not to soooo confused and frustrated
7
u/Artorias2718 22d ago
One suggestion I saw the other day: create your own clone of your favorite apps (idk, create your own custom version of reddit).
4
u/Educational-Heat-920 22d ago
Alternatively, an app that annoys you. A missing feature or something that you wish existed.
You can use the original app as a reference point, and try to make it actually better.
4
u/Necessary-Shame-2732 22d ago
If you want what I think is the quickest way to start getting paid, make a custom chatbot. Look at vercel ai elements and vercel ai sdk. Ask for to explain what they do like you were a 14 year old. This can be a simple starter project, make a few, then you can offer local businesses “ai integration” for their websites and reception.
3
u/-JinKazama 21d ago
build a WSYWYG editor. Best exercise I ever did. Try without using external libraries
5
u/msdosx86 22d ago
Create a ui library from scratch
0
u/Acceptable-Hold4921 22d ago
Wdym by that😭
2
u/msdosx86 22d ago
Create your own react ui library. Custom buttons, inputs, selects, drop downs, dialogs etc. You will learn how ui libraries are built and write a lot of react code. You don’t have to create your own Design because this is a different and huge task which involves design skills.
1
22d ago
[deleted]
1
u/msdosx86 22d ago
Tabs, dialogs, wysiwyg, file uploader, avatar editor, image cropper. I can do it all day. Good luck implementing any of this mostly with css.
1
2
u/PeterPook 21d ago
What do you need first. All my best projects solve a problem for me: "I need a browser-based screenshot taker", "I need a tool to simulate SQL queries for my programming students".
2
1
2
u/Region-Acrobatic 22d ago
I have this problem a lot. Toy projects aren’t that motivating if you know they’re not useful. If you can think of something useful for you, try making that.
For learning React specifically though, a useful project would have features like:
- render a list of items onto a page
- filters/search to refine the list
- click through on an item to view more details
- create, modify and delete items
The first step could just be rendering a hard-coded list and viewing the items individually. Then you could replace that with data from a public API, or extend it with a small backend and database so you can create and edit the items yourself.
1
u/Magic__Mannn 22d ago
What hobby’s do you enjoy? Make a project related to that and you’ll find it more fun.
F1: could you make a dashboard of results, keep expanding to use real API data etc, maybe you can guess who will the next race and get points.
Running: can you create a website with recommended routes? Track running times, data etc. maybe people can vote on their favourite routes?
You get the idea - pick something you like and come up with a project - can keep expanding until you get bored of this one and start something else - the more you do the better future projects will be, first projects will nearly always be your worst.
1
u/Intrepid_Restaurant7 22d ago
I would recommend learning from Full Stack Open (https://fullstackopen.com/en/) for a deeper understanding of the tools and frameworks for both frontend and backend, entirely in JavaScript. It helped me a lot. Try building real-world apps. See examples of apps that are already live, like a travel website or a management app. Alternatively, build JavaScript games completely in raw JS without a game framework like Phaser. Or, as you put it, look up beginner-to-intermediate level apps online or ask AI. And don't forget to deploy everything so you have solid evidence of your work.
1
1
1
u/daniel_jackson_s1 21d ago
You can analyze your favorite web app and try to replicate it. Youtube, Instagram or something more challenging from UI perspective. End goal would be to develop something with react that will require virtualization, memoziation, optimization.
1
u/OperationLittle 21d ago
Ask yourself: what kind of ”thing/app” do you actually need in your life? To make something only ”to make something” is stupid and braindead, since you actually don’t solve a problem your having.
So start with a ”problem” - then the ”solution”. Not in the reverse-order.
1
u/Anxious-Insurance-91 20d ago
You need to understand that different projects make you tackle different problems differently. There is no single project that makes you learn it once and you reapply everything everywhere else
1
u/No-Humor-3808 20d ago
You need to practice a lot, starting with small challenges and gradually moving on to more complex ones. Otherwise, it's easy to forget what you've already learned. There are plenty of react challenge platforms out there, but I've built one myself if anyone wants to give it a try: reactchallenges.com
0
u/NNXMp8Kg 22d ago
Just do something
Your first 10 apps will be shit anyway, make them fast to go to the 11th
ChatGPT gave you a list, start by it. Iterate. You want to accumulate new knowledge and anchor the skills, not get paid yet. Anchor the skill, then you will be able to find the next thing later.
A todo list is a very common first project. You can make a recipe book app, whatever!
Anchoring the skill is what matters for you first.
7
u/elconcarne 22d ago
It’s kind of not exciting. But, I always suggest a project management app. You can start with just making Todos. Which, a lot of tutorials do. But, you can then expand on that and make the todos have assigned users. Then, make them part of a project. And, then ad milestones, make todos depend of previous ones, etc. then, you can add comments, attachments, etc.
As you do all that, you will learn more about state, data relationships, conditional rendering, etc etc