filmov
tv
TOP 5 JavaScript frameworks for Single page applications (SPA) in 2020
Показать описание
Companies are moving more towards Single Page applications (SPAs) because it is simply cheaper for them to do so and it is often times faster for the consumer
Watching this video will help you get a good grasp of the state of front end development in 2020
I put a lot of effort into researching all of these frameworks so if you could triple click that like button for me it would do wonders to help me
Of course I am biased in which frameworks are the best since they are the ones I have used more than others
I will take into account recent popularity spikes and whether they are open source or backed by a large company
5)Vue - SPA framework
⦁ Open source
⦁ Vue is a progressive framework
⦁ You can VUE's CLI to start basic projects quickly
⦁ Not used by too many large companies
⦁ Some notable companies: Nintendo, Louis Vuitton, Google(Google's Career Platform), BMW, Adobe
⦁ has a chrome plugin to inspect data
4)Ember - front end Model view controller (MVC) framework
⦁ driven by HTML templates
⦁ Only valid HTML elements in a body tag can be used
⦁ No script tags
⦁ Ember has a data layer called Ember Data which allows you to get data from multiple sources at once and keep the models up to date
⦁ some notable companies that use Ember: Netflix, LinkedIn, Apple and Microsoft
⦁ dependent on Jquery
⦁ open source with its code hosted on github
⦁ you represent your data as Models which can be saved to the server
⦁ This Model is similar to React's components such that change events occur when its data is changed
⦁ These changes are listened to in Views which are small chunks of the UI
⦁ Collections are multiple related models
⦁ It tries to separate its business logic away from the UI
2) Angular - SPA framework
⦁ backed and developed by Google
⦁ has a chrome extension Augury which helps to debug visually
1) React+Redux - SPA framework
⦁ backed and developed by Facebook
⦁ People generally agree that React alone isn't a framework but if you add some kind of data storage to it like Redux it becomes a Framework
⦁ React is the most popular and used for frontend development
⦁ React was recently updated to add something called hooks which if you knew much its lifecycle functions like component did mount can be used instead.
⦁ For example you can use a hook called useState to set the state for that component such that when that state updates the state will update
⦁ Another example is that you can use useEffect kind of similarly to componentDidMount so that once the component mounts you can do something useful like calling an API or setting up data
⦁ has a chrome plugin to inspect Data
Watching this video will help you get a good grasp of the state of front end development in 2020
I put a lot of effort into researching all of these frameworks so if you could triple click that like button for me it would do wonders to help me
Of course I am biased in which frameworks are the best since they are the ones I have used more than others
I will take into account recent popularity spikes and whether they are open source or backed by a large company
5)Vue - SPA framework
⦁ Open source
⦁ Vue is a progressive framework
⦁ You can VUE's CLI to start basic projects quickly
⦁ Not used by too many large companies
⦁ Some notable companies: Nintendo, Louis Vuitton, Google(Google's Career Platform), BMW, Adobe
⦁ has a chrome plugin to inspect data
4)Ember - front end Model view controller (MVC) framework
⦁ driven by HTML templates
⦁ Only valid HTML elements in a body tag can be used
⦁ No script tags
⦁ Ember has a data layer called Ember Data which allows you to get data from multiple sources at once and keep the models up to date
⦁ some notable companies that use Ember: Netflix, LinkedIn, Apple and Microsoft
⦁ dependent on Jquery
⦁ open source with its code hosted on github
⦁ you represent your data as Models which can be saved to the server
⦁ This Model is similar to React's components such that change events occur when its data is changed
⦁ These changes are listened to in Views which are small chunks of the UI
⦁ Collections are multiple related models
⦁ It tries to separate its business logic away from the UI
2) Angular - SPA framework
⦁ backed and developed by Google
⦁ has a chrome extension Augury which helps to debug visually
1) React+Redux - SPA framework
⦁ backed and developed by Facebook
⦁ People generally agree that React alone isn't a framework but if you add some kind of data storage to it like Redux it becomes a Framework
⦁ React is the most popular and used for frontend development
⦁ React was recently updated to add something called hooks which if you knew much its lifecycle functions like component did mount can be used instead.
⦁ For example you can use a hook called useState to set the state for that component such that when that state updates the state will update
⦁ Another example is that you can use useEffect kind of similarly to componentDidMount so that once the component mounts you can do something useful like calling an API or setting up data
⦁ has a chrome plugin to inspect Data