You decided to learn x framework, You open youtube or any search engine you prefer to search for any tutorials related to this “x” framework and suddenly after 30 min you scream “Eureka”, I think this framework is similar to my previous framework and you are right you don’t have to learn it from scratch, In this post I will show to you my experience to learn frontend frameworks and how those frameworks are closed to each other.

Every time you decided to learn a front end framework, you must hear those terms over and over ( components, routing and managing state ) Let’s break it down.

Components

The heart core for any framework building components makes it reusable.

Most modern frameworks using JSX or HTML template engine,

or template engine, All frameworks provided lifecycle hooks that provide visibility into component life moments like creates, renders, destroy and the ability to act when they occur.

Routing

Nowadays most modern frameworks provided API to create and manage client-side routing.

Managing state

All frameworks are built with a way for components to internally manage their state without any need for an external library or tool.

Many Frameworks are built with a way for components to share the same state for example ( Angular has a Service , React now has Context API ).

has a , now has ). Sometimes frameworks solutions are not enough especially when your state is huge so you can consider using a library like redux.

After Finishing learning basics let’s get our hands dirty and building projects.