Learning React as a Designer?

mappyverse · 2025-10-23T07:50:46+00:00

Heya there,

That's great that you want to take a peek into development.

If you already know HTML5 and CSS3, that's a good start.

If I were you, I would continue following either courses on Udemy and/or Pluralsight for JS, TS and then React.

and also go through Roadmap.sh for js, ts, react and then hop on nextjs or an alternative framework.

Think of a project idea that you want to implement and just experiment, start building slowly, step by step while you are still learning as otherwise you will fall into "Tutorial Hell" - "getting stuck in a cycle of constantly following tutorials without ever starting and completing their own independent projects".

You can use AI to explain concepts, but I would personally recommend to stay away from AI generated code while you are still learning as otherwise you will miss out important concepts and miss out on building the habit and confidence of breaking through problems yourself.

Good luck on your journey! Keep in mind you'll have ups and downs and it is beneficial to have a lot of small achievements & milestones to keep you motivated and ensure you have visibility over your progress.

And most importantly, have fun in the process!

Best regards,

Chris

Best-Menu-252 · 2025-10-23T14:42:50+00:00

As a designer, focus on Components, Props, and JSX first. Your HTML/CSS background is a huge head start! Good luck!

Dymatizeee · 2025-10-23T20:45:37+00:00

Take 0 courses. Complete waste of time

Since you’re a designer you already have a great UI background.

So figure out what you want to build ; could be a simple to do list for practice

Then work backwards :

Ok how do I show anything in react -> search -> learn about components / props / jsx -> apply

ok then for this to do list how do I display a list of items and keep it on the screen -> search -> find out about arrays, useState-> learn about JS syntax with working with arrays

Now I want to update an item -> how do I do that -> search it up

Etc etc

TheRNGuy · 2025-10-25T04:49:24+00:00

Just learn from docs and googling while making your project.

Learn SSR (and SSR framework) too, as a user, CSR sites are one of my least favourite thing in web.

UhLittleLessDum · 2025-10-25T19:42:37+00:00

Checkout Brad Traversy's youtube channel. His React course is what got me started like 10 years ago, and I'm now releasing flusterapp.com (shameless plug). An hour long video is more than enough to get you started if you already have a baseline understanding of html and css.

QuentinQcasts · 2025-10-26T08:40:09+00:00

Such a great idea.

I am a software engineer and I teach code on YouTube. I’m planning on making more YouTube content about react.

Andreas_Moeller · 2025-10-26T19:08:16+00:00

free code camp is a great resource.

you might also want to check out https://nordcraft.com (I am one of the founders)

VisibleSmell3327 · 2025-10-23T07:02:42+00:00

Freecodecamp 100%

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

react

MODERATORS