{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" According to the Stackoverflow Of 2021 The developer survey ,JavaScript It has been the most used language for the eighth year in a row , Yes 67.7% Of the respondents chose it . Why is it so popular , Mainly because JavaScript It's universal , Can be used for front-end and back-end development and testing sites or Web Applications ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" Search using Google “JavaScript framework”, You'll find a lot of JavaScript frame , They have their own advantages , Have different purposes . Because there are so many JavaScript The frame is optional , It can be used in the front end 、 The backend development , Even testing , therefore , Choose the right framework for your needs , It could be a challenge ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" It may be difficult to find the right framework for your needs . This paper introduces 2021 Best of year JavaScript frame , I use StateOfJS 2019、Stackoverflow Developer research 2021 and NPM trend , We've compiled a document for the front end 、 The best way to back end and test JavaScript Framework list , Can help you solve this problem ."},{"type":"text","marks":[{"type":"color","attrs":{"color":"#494949","name":"user"}}],"text":"（ This is the front end ）"}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":" front end JavaScript frame "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript It has been widely used in front-end development for nearly 20 years . image React、Vue and Angular Such a well-known architecture has attracted a large number of followers , And more recently , Some new competitors have successfully challenged these three frameworks .2021 The top five front-end frameworks of the year are as follows ："}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"1. React.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" In our compilation of 2021 Best of year JavaScript In the list of frameworks , The number one front-end category is React.js.React.js It's an open source front end JavaScript library （ Not a mature framework ）, from Jordan Walke The leadership of the Facebook The development team in 2011 Created in , And in 2013 year 6 In open source . Its prototype is called “FaxJS”, stay Facebook Source （News Feed） It's the first time we've tested it on the Internet . so to speak ,React Is one of the biggest subversives in the network development industry , It is also a major breakthrough in shaping the network applications we see today ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"React A component driver is introduced 、 Functional and declarative programming styles , For mainly single page Web Applications create interactive user interfaces . adopt “ fictitious DOM”,React Provides very fast rendering speed , Just render the changed part , Instead of rendering the entire page .React Another basic feature of is that it's easier to use JSX grammar , instead of JavaScript."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" Just study React It's a little more complicated than the other frameworks in this list , however React Have a huge developer community 、 Rich learning resources , And it's widely used around the world ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" Whether it's Stack Overflow Developer research , still State of JS survey , On the front end JavaScript In the frame list ,React Always at the top , Has always been the most popular front end JavaScript frame .Airbnb、Facebook、Instagram、Netflix、Twitter、WhatsApp And the world's largest companies and brands use React structure . If you think React.js It's the best JavaScript frame , There is no mistake in this statement ."}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"2. Vue.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Vue.js It's a lightweight 、 Open source JavaScript frame , Build creative user interfaces and high-performance single pages with minimal effort Web application ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Evan Yu stay 2014 For the first time Vue, He's a Google Developer , from Angular Got inspiration , With Vue.js The form provides a simple 、 Lightweight 、 Efficient alternatives .Vue from React and Angular We've got a lot of features , But these features have been greatly improved , Which provides a better 、 Easier to use 、 A safer framework .Vue The best example of this is , It provides Angular What you see is bidirectional data binding , as well as React What you see “ fictitious DOM”."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" Again ,Vue It's also very flexible , Make it look like Angular So as a complete end-to-end framework , It can also be like React So as a stateful view layer . therefore ,Vue Its main advantage is its gradual nature , It's simpler , Easier to use , And don't do too many restrictions to meet the needs of developers .Vue In the past two years, it has become popular rapidly , To replace the Angular and React Complex dominance , Be the best JavaScript frame . Some of the biggest companies in the world , such as Adobe、 Apple 、 BMW 、 Both Louis Vuitton and Nintendo have adopted Vue."}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"3. Angular"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Angular.js stay 2021 Best of year JavaScript Third in the front-end category of the framework list , It's Google open source 、 Script based framework , Used to create a single page Web Application client .Angular It's Google engineers Misko Hevery and Adam Abrons stay 2010 Created in 2000 , be known as AngularJS（ or Angular 1）.AngularJS It was widely known that , And once the most popular , but React The emergence of the company has exposed its serious defects , Later it was forgotten . therefore , stay 2016 year ,AngularJS Rewrite it completely from scratch , And changed its name to Angular 2（ Or abbreviation Angular）."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"AngularJS（Angular 1） The inspiration comes from React. They've changed a lot , The most important change is from MVW（Model-View-Whatever） Architecture transformed into something like React Component oriented architecture for . Now ,Angular It has become the safest way to build enterprise applications JavaScript Framework paradigm ; exceed 100 Wan's websites are all in use Angular, Including Google 、 Forbes 、IBM And Microsoft ."}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"4. Emberjs"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" stay 2021 Best of year JavaScript In the frame list , The fourth front-end class is Ember.js. It's open source JavaScript frame .Ember Unlike the other frameworks we mentioned , It uses MVVM（Model-View-ViewModel） framework ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Ember At first it was a SproutCore 2.0 frame , By Yehuda Katz Rename as Ember.js, He's a senior developer , Is considered to be jQuery One of the main creators of .Ember Most popular 、 The most basic function is Ember Command line interface , It's very powerful in itself , It's a powerful productivity tool ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" And React、Vue and Svelte comparison ,Ember It's earlier JavaScript One of the frames , But it's at Microsoft 、 Led the 、Netflix and Twitch And other big companies still have a huge user base . There are a lot of users in its customer base . image Backbone and Polymer Such old friends have disappeared , but Amber Still in a passionate community , Keep going ."}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"5. Preact.js"}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" In our 2021 Best of year JavaScript In the frame list ,Preact.js Ranked fifth in the front end . It is React Lightweight of 、 Fast and powerful alternatives （ It's not a complete framework ）. Google Senior Development Project Engineer Jason Miller Created Preact, And used by some developers as React Subset , Some features have also been removed ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Preact.js The basic principles and React identical , It's a way to use virtual DOM A component-based approach to , At the same time React Fully compatible with ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" You can still use it React package , It doesn't affect the speed 、 Performance and simplicity . If you don't need to React The full potential of , Most developers will use Preact, Even switch to... In production Preact. Use Preact There are a lot of big companies in China , Including Tencent 、Uber and Lyft."}]},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":" summary "}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" The frameworks listed in this list , Far from it JavaScript All the frameworks needed for front end development , But they form the main body of the kind of framework currently used . With JavaScript function （ adopt ECMAscript The process ） Continuous development , The possibility of framework functions migrating to the kernel is also increasing ."}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":" The authors introduce ："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Olivia Cuthbert, An Indian , A technical writer , Digital marketers . To serve in Pixel Crayons, Content Director . For Data Science 、 machine learning 、 Data visualization 、 Knowledge map 、 Database and so on ."}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong"}],"text":" Link to the original text ："}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"https:\/\/www.datasciencecentral.com\/profiles\/blogs\/best-javascript-frameworks-for-2021"}]}]}