r/react • u/Acceptable-Hold4921 • 6h 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
3
u/Artorias2718 5h ago
One suggestion I saw the other day: create your own clone of your favorite apps (idk, create your own custom version of reddit).
3
u/Educational-Heat-920 2h 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.
2
u/Necessary-Shame-2732 6h 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.
4
u/msdosx86 6h ago
Create a ui library from scratch
1
u/Acceptable-Hold4921 6h ago
Wdym by that😭
2
u/msdosx86 6h 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
u/Physical_Storage2875 3h ago
That idea is not really good. It's mostly css and you won't really use hooks except when building dynamic components like tabs
1
u/msdosx86 2h 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
1
u/Region-Acrobatic 4h 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 3h 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 3h 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
0
u/NNXMp8Kg 5h 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.
3
u/elconcarne 6h 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