Photo by Sufyan on Unsplash

Let’s explore the Front-End Framework.

Table of Contents

What is a Front-End Framework

Framework vs. Library

Roadmap Again

React

React Roadmap

Web3 Roadmap

In Conclusion

What is a Front-End Framework

One of the coolest things about learning to code is that you do not need to learn everything! There is a magic product called framework that can save your time through a coding process. It is a package that someone has developed to help you to avoid repeating the trial and error process. When the project becomes more and more complex, there is a high likelihood that someone will make the same mistake in the code and others will spend more time discovering the same mistake again and again. The framework is a template to help coders to avoid repeating mistakes and a groundwork to develop your project without starting from scratch.

Framework vs. Library

You may hear about the library. The difference between a framework and a library is that a framework is a set of templates and a library is a toolbox for you to pick and choose. If the website is a house you try to build, the framework is a blueprint of the house and a library is features of the house such as doors and windows that you can pick and choose from.

Roadmap Again

Image Credit: https://roadmap.sh/frontend

Here is a more comprehensive list of front-end topics you need to learn if you really want to dig into front-end development. Despite there being many topics, you should focus on the big picture on how to structure the website rather than digging into details about the coding. Learning the relationship between each component link to each other is more important than coding them to work. Of course, eventually, you will make it work. But learning the relationship makes it easier to understand where things go wrong and how to fix them later. It is a debugging process that is more difficult than creating a code.

React

https://www.statista.com/statistics/1124699/worldwide-developer-survey-most-used-frameworks-web/#professional

There are many front-end frameworks available in the market. However, there are few that are very popular. One of the popular frameworks is React.

Image Credit: https://www.monocubed.com/blog/best-front-end-frameworks/

React Roadmap

Image Credit: https://roadmap.sh/react

React framework is actually a JavaScript library! Its dual-ability reflects in many well-known applications including Netflix, Pinterest, Meta (Facebook), Reddit, and more. Mastering such a tool is a must!

Web3 Roadmap

There are many programming languages that are similar to JavaScript and React. Web3.js and Ethers.js are also JavaScript libraries that know React can skyrocket your understanding of Web3.

In Conclusion

You now have a full picture of the front-end framework and Web3. It is time to learn more!

Keep learning.


Follow me here

Photo by Sufyan on Unsplash

Disclosure: The article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matter. You should not believe any words this author wrote or you may experience similar symptoms or even possibly become a nut job.

Resource

https://www.freecodecamp.org/news/the-difference-between-a-framework-and-a-library-bd133054023f/

https://roadmap.sh/frontend

https://www.monocubed.com/blog/best-front-end-frameworks/

https://roadmap.sh/react

https://kruschecompany.com/react-framework-library/

https://blog.suhailkakar.com/the-complete-roadmap-and-resources-to-become-a-web3-developer-in-2022