DEV Community

loading...
Cover image for Starting my React journey

Starting my React journey

vasanthkumar
Waiting for Thanos to snap.....
・1 min read

I always admire javascript. I am involved in developing two projects during my course in college with html ,css , javascript and php but always disappointed with those outcome because it lack proper planning and skills.

I did start learning React with some blogs , freecodecamp React curriculum and also with some youtube videos. But I was never consistent in learning. Most of the times I did go through JSX and usually stops at state management.

Now, is the time to start all over again. I am committing myself to learn React at least to the level that I can build basic web pages with it and this time doing it daily. And to make it more fun and entertaining, I want to blog about my journey while learning React.

Thank you for the people reading this post and I request you to leave some awesome resources of React.

Discussion (17)

Collapse
greggomatic profile image
Greg Thomas

I've been learning the basics off of a Udemy course that has been pretty good. Even following the code tutorials only get you so far.

I think I'm going to change it up and focus on building an app and using REACT to do that - usually, the doing lets me figure out "what" to do, but the courses fill in the blanks of the "why" that I sometimes miss.

Good luck

Collapse
vasanth9 profile image
vasanthkumar Author • Edited

Thank you for your advice

Collapse
robertoosantos profile image
Roberto de Oliveira Santos

I wish you success in your journey. I've started mine about 2 years ago and it totally worth it. Of course I've learned some things by pain so I'd recommend you:

  1. Have a clear definition of you need server side or pre rendering in your app for social sharing or SEO or something like that. If you start with the wrong toolset you will struggle to adjust it later.

  2. If you're planning to use MERN stack learn about Mongo and it's NO SQL implementation. Have some kind of migration strategy from the beginning. It's really painful to change some schemas without it.

  3. Embrace JSX, do not abuse on Redux, mind your bundle size don't take others opinions too hard.

Collapse
vasanth9 profile image
vasanthkumar Author

Could you please explain the point 1. A little bit confused.

Collapse
robertoosantos profile image
Roberto de Oliveira Santos

React is client side rendered. It means that when a robot like Google Search or Facebook Share access your page to get it's html, they will receive only the JS code.

In order the deal with Search Engine optimization or Sharing on social media with proper title, description and image, you'll have to server side render.

Thread Thread
vasanth9 profile image
vasanthkumar Author

Thank you

Collapse
vasanth9 profile image
vasanthkumar Author

Yes, I will remember not to abuse Redux

Collapse
jpuls profile image
Jeff Puls

React is awesome, but I admit there is definitely a bit of a learning curve if you are coming straight from static HTML/CSS/JavaScript as I did when I learned. Once you get the concepts down, however, you'll never want to go back.

If you're looking for a lightweight reference that touches on the vast majority of topics , I recommend checking out the React Handbook by Flavio Copes. Very easy to follow, well written, and best of all, completely free!

Additionally, if you want to look through the source code for the various projects I've built along the way, feel free to check out the projects section on my site here!

Good luck!

Collapse
vasanth9 profile image
vasanthkumar Author

Thank you

Collapse
avinesh49 profile image
Avinesh

Hi VasanthKumar, I have started learning web dev last month, and I too am eager to learn react. I was wondering if I could accompany you on this journey so that I could learn something for myself. I am pretty new to all this. I would be happy to connect with others as well.

Collapse
vasanth9 profile image
vasanthkumar Author

You are welcome Avinesh
You can connect
@vasanth9110 twitter
@vasanth9 GitHub
It would be nice to collaborate

Collapse
braydentw profile image
Brayden W ⚡️ • Edited

Awesome! I remember taking that same path a few months ago and my dev life has changed alot.

I've learned so much and made 2 pretty cool react projects on my Github. One was a Tailwind/React template and another being an Emoji Seacher tool built with React.

Collapse
vasanth9 profile image
vasanthkumar Author

Yeah, the projects were really cool especially the clean design

Collapse
harshilparmar profile image
Harshil Parmar

Helllo @vasanthkumar, I have alomost 1 year experience with Angular/Node and in lockdown I switched my company.In this new company I had to learn react for projects. So I think I was at same stage that you are currently.

There are some youtube which helped me alot : Codevolution, Codedamn, Academind

Let me know if you need any other help 😀

Collapse
vasanth9 profile image
vasanthkumar Author

Thank you @Harshil Parmar

Collapse
nescalan profile image
Nelson

Hello vasanthkumar, I have the same problem with React. Please share your journey I think it's gonna be helpful for a lot people.

Thanks.

Nelson.

Collapse
vasanth9 profile image
vasanthkumar Author

Welcome Nelson