Introduction

Will you be wiling to re-discover Pythagoras theorem to calculate the hypotenuse given the other two sides on your final exams? Its a total wastage of time ,Right! , and Its scary for me to even think of doing it on my final exams,and hope you are also with me on this! Likewise ,Although JavaScript is a great programming language and by the use of raw HTML,Css and JavaScript we can make fabulous web pages and website ,But if I get pre-written code for the general stuffs , I might save a lot of my time for the same . That's where frameworks and libraries comes into play .

What is a front-end framework?

A front end framework is essentially a bundle of JavaScript code that someone else has written which you can include in your application to help you build it faster. Cool right!
Less code more work! BUT..
How do i learn a framework!
Which one should i learn?
What are the prerequisites? If any!

Which one should i learn?

To be honest , you can choose a framework of your choice . There are many many frameworks available today which essentially does the same work . The real question is, Do you even need to learn a frontend framework?
Well , you can have multiple reasons to learn a framework , maybe you wanna be a frontend developer or fullstack developer or any such reason that resonates with these .
For this article specifically we will be discussing about React js
I personally like React js because it allows you to learn new technologies on top of it like:

1. After Reactjs you can learn about Next.js which is specifically made to create react websites Seo friendly .
   
2. With a little change in syntax of react js , you can learn abour react native which is used to build UI for mobiles
   
3. You can also learn about React VR {Virtual reality}. Thus the scope is endless and a suggestion too !.

What are the prerequisites? If any!

Well, as catchy as it sounds to learn a frontend framework , many people directly jump onto learning a framework . For them I wanna ask! can you solve questions based on Pythagoras theorem without even knowing what is it? No, right !
Thus learning the fundamentals are must ! as i say Frameworks and libraries will come and go , fundamentals will remain the same .
Read I want to start web development ! but... to get a clear understanding of the fundamentals .
For now to be specific, prerequisites are :

• HTML

• CSS

• JavaScript : basic javascript and Es6 syntax + good to know about async-await and promises

These are the must know essential part , now lets look at how our learning journey to React will look like?

How do i learn a framework!

Now , you are done with the prerequisites , and now you wanna try your hands on React-js. For this learn about :

What is virtual dom , SPA and JSX ?

React applications uses a concept of virtual dom , where every section are divided into components like navigation,mainbody,footer ,etc. Traditionally what happens is when we go from homepage to about page , The whole page is re-loaded , but in the case of react applications , only those components which are to be changed experiences changes , which makes the application a single page application also called SPA.
JSX : JavaSctipt Xml is a extention of javascript and html which is used to code react applications .

What are props and state?

In react to add interactivity, concept of props and states are used .While every component can have some predefined props/properties which separates it from other identical component and A component can show some changes on the occurrence of some event ,and this is called state change .

React Hooks?

Browser events have a life-cycle according to which different changes occur on the website .React hooks are basically the there to help you to make and implement those changes as per your requirements .

Make projects ,Aaa.. lot of em!

Although we haven't discussed about all the concepts of React js . I think this article serves its purpose of giving you an overview about it . Now your part comes ,You'll learn only when you get yourself involved in writing code and the best way to learn to code is project based learning
.

Resources

Here are some great free resources you can follow to learn !
For learning concepts

1. Freecodecamp
   2.CodewithHarry
   All the concepts based on react are well explained here and you'll learn everything by applying your knowledge.
   For projects
   3.Clever-Programmer
   4.Sonny - sangha
   Amazon,Twitter,Youtube,Airbnb,Twitch.. wouldn't it be great if you can make all these applications ? Check these youtube channels , they've got everything covered for you !
   

Final note!

The pace at which you'll learn , the age at which you'll learn , the opportunities you'll get ... it all depends on you . Make sure to make the best efforts learning what you love

And If you found this article helpful,
follow me here and on my other social media handles for more such posts and make sure to comment down your views ! Thankyou❤❤!!
Happy learning 👨‍💻!