What’s next in JavaScript development?

Javascript is the most important programming language to learn as a web developer, so you have to be aware of the evolution of the development of the JS frameworks or libraries in order to build the best structure, and performance of your websites or your web applications.

History of front-end JavaScript development:

Front-end development started in 1990 with vanilla JS, where there was no any great javascript library or frameworks, then in 2006 we had JQuery where writing javascript code was much easier, after that we have JS frameworks like angularjs and Ember.js, in 2013 we have ReactJS, and 2016 Angular and Vue.js 2

These JS frameworks allow us to put more JS into the browser, in order to have full control on the interface from inside the browser, and to build interactive UXs.

The problem with this approach:

• Having more JS in the browser "away from the server" lead us to download a lot of JS code before website becomes interactive!
• Data may be fetched and send all the time, since everything happens in the browser.

Is there a way to move more logic away from the client side?

Yes, Welcome the JAMStack! an architectural approach that decouples the web experience layer from data and business logic, improving flexibility, scalability, performance, and maintainability

• Static site generation
• Pre-rendered pages
• Less client-side JS code needed
• Less data fetching

?

Also, we have for example Gatsby and NextJS allow as to run some code on the server so we have less client side JS code and less data fetching.

Since the Static site generation solves the issue of having a lot of JS code in the browser, it seems that we are going back to the multi page application world, but in a modern way.

"This was a summarization of what Maximilian Schwarzmüller mentioned, when he announced these updates"