DEV Community

Cover image for Starting my React journey
vasanthkumar
vasanthkumar

Posted on

Starting my React journey

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.

Latest comments (16)

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

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

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

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

Thank you

Collapse
 
vasanth9 profile image
vasanthkumar

Yes, I will remember not to abuse Redux

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

Thank you @Harshil Parmar

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

Thank you

Collapse
 
vasanth9 profile image
vasanthkumar • Edited

Thank you for your advice

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

Yeah, the projects were really cool especially the clean design

Collapse
 
nescalan profile image
Nelson González Escalante

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

Welcome Nelson