Look at the development trend of 2020 from 2019

Insights into 2020 front-end trends

preface

As engineers should not only the problem of the breakdown of a rational and research technology itself brings pleasure, more should have a keen observation of technology or the judgment of technology trends and the use of its corresponding to the scene and practice, from the past 2019 years in 2020 could be the trend, or some small personal opinions on the front-end development.

In my opinion, there are roughly the following classification methods according to different classification methods:

By field

• Background direction: traditional big Web direction
• Data visualization direction: webGL, Canvas, SVG, Echart/HiChart, D3
• AI direction: TensorFlow
• Game direction: Cocos Creator, Egret

Divided according to the end

• PC
  • Web page
  • Desktop applications: Electron, NW, PWA desktop
• The mobile terminal
  • Web rendering: Applet, fast application, PWA
  • Native rendering: RN, Weex, Flutter

By frame

• Vue buckets

  • Vuex
  • Vue-Router
  • Vue-cli
  • Element-ui/Cube-ui/Vant-ui

• The React buckets

  • Redux
  • React-Router
  • Redux-Saga
  • dva
  • umi
  • (mobx)
  • Ant-Design

• Angular(domestic negligible)

The following will be described respectively from the above three categories

Field division

1. The traditional big web field contains the node as the core of the background this piece, for the 2020 front-end, not node is basically difficult to mix, the traditional web development of the background part is also considered in the big front-end field, express+koa source code to be able to, have c++ basic students node to be proficient, Node can do more than just what you’ve learned. The world is vast. MySQL+MongoDB+Redis database needs to master, have a Python basic students can learn PostgreSQL, Docker + Linux + Jekins + K8s this set of traditional Web development needs to master, GraphQL and Serverless related content can be considered gradually applied, continuous integration, etc., for the traditional big Web field, for the 2020 front-end should be grasped, after all, this is where the front-end started, can be said to be the foundation of the foundation.

2. Data visualization direction will be a good direction for development, especially for some front-end engineers who have design foundation and good data, deep research in data visualization direction may become a relatively good bright spot advantage in the future. WebGL can be focused on, and students who have the power can pay attention to OpenGL

3. I think the combination of AI and the front end will be a good match. The concept model of AI is very good, but it is hard to find a particularly good landing scene, and the front end itself is the forefront of traffic. The combination of the two can be a pair made in heaven, especially Google’s TensorFlow and JS version. The AI direction can focus on TensorFlow-related applications

4. Games in the same direction are front can chase area, but its experience compared to native applications or far worse, private thought also before the game direction (experience) like native qualitative leap may be build on the dongfeng 5 g, but for the lively cheerful little game still has certain advantages, can be used as a “dessert”, cooperate with operation, etc. Various scenarios

The division of

1. PC: Traditional web parts are outside, it’s an old line, can have a look at for desktop applications, while the PC application market hard 2 c is particularly big business, but as part 2 b still have a lot of, such as the IDE development as well as the development of the corresponding IDE plug-ins, who are interested in this part of the classmates the best experience with PC operating system level application. It’ll be like a duck in water

2. Mobile client: Mobile terminal to say too much, the first mobile terminal is not carrying too much like PC type B mode, mobile terminal itself is a particularly suitable for C port, thus the various SAO operation is also emerge in endlessly, personal thought in the current economic situation, in the short term it is difficult to have the special big rebound, the Internet if you want to survive, For the front end, small program, fast application is a good cut in the direction, and the big factory APP has circled their territory, waiting to take root and sprout on this, from their various wheels, small program, fast application to “snipes” each small and medium-sized enterprises is determined to win, small program framework such as: Uniapp and Taro can be regarded as the key research objects. Fast apps are only available for Android, and there seems to be no particularly popular framework at present, so we can wait and see. For the original rendering Hybrid, everyone is following the trend of flutter and trying to write the flutter, which looks very much like the original writing. If there are students who have transferred to ios and Android, they can focus on studying the flutter, it may become popular one day. For those who are used to writing JS, Rn is the first choice if they want to do the original rendering app. Although many factories are abandoning it.

Framework division

1. For Vue, it is still the main stack of small and medium-sized companies in China at present, but judging from the trend in the last half year, React may be the framework you have to learn. And from the source code of Vue3 released in October this year, it really looks like React, so the main stack is Vue’s classmates must learn React, even big factories ask React. Even if the stack is not react, you ask the vue how to all want to bypass to ask the react, vue source carefully read, do good to write a version of the degree, 2020 won’t source, basic it is difficult to don’t understand the principle, will ask to the dead, really, can’t just know, want to understand, don’t worry, dig out the source code, taste, and you, are you fine product!

2. As far as React is concerned, there is no doubt that even if it has its place in foreign countries, as far as big factories are concerned, you can not know VUE, but you can not know React, because they default that if you know React, Vue can get started quickly. React ecosystem is too broad, and the most prominent thing in the industry is Ali’s set of things. Dva + Umi + Saga, MOBX can have a look, UI framework focus on ANTD, React focus on Ali front end can be

other

Basically don’t know how to classify, just write something else

1. 2020 front not only limited in js, private thought ts this framework is a good choice, there may be a bit tedious, but to write business team has started all ts, many companies interested in giant classmates skills essential to ts should be 2020 years, in addition to this, traditional web personally think the language is a good direction of the advanced direction, If you want to develop AI, python is a must. If you want to play node thoroughly, C ++ is a good choice. Of course, C is always the foundation, whether it’s the algorithm or the compiler.

2. Now want to say, the importance of the Internet into people probably half are not like the author’s English major personnel, for 20 years ago in ancient times, do not take the foundation may be able to have a chance, but for the front end of the 2020, the foundation of the control is undoubtedly the big or small and medium-sized enterprises as an important indicator of screening of programmers, Is not only the situation, is more important now is no longer a long figure on the front end requirements, do move effect that simple request, but to be able to write a framework, or even write a js interpreter, not personal advice English major students to put the “computer network”, “compiler principle” the two doors, take a look at the then combination has made the project, finish writing code, You will have a different understanding, in fact, every time the interview questions the code is using itself as a JS interpreter to execute the code. The lower the thing, the more foundation and stability, only can not principle, but not principle certainly not!!

3. Let’s talk about engineering. For the vast majority of front-end engineers, most of them may be transferred from other traditional science and engineering majors, and the engineering ideas given to us by engineering majors or engineering majors are actually the same, and our title is also “Web front-end engineer”. The so-called engineering is to carry out a certain theory of efficient and stable reproducible practice, and for front-end engineering, is the computer theory near the user level of efficient, stable, reproducible practice out. The so-called efficiency is the optimization of front-end performance, including various performance testing, performance bottleneck analysis, jPERF, WebPageTest, Yslow, WebPack optimization, etc. In addition to normal code level optimization, performance optimization of a specific project is the place to reflect an engineer’s experience and ability; So-called stability, is must in all cases to keep within a proper range, which also includes security, because security is a part of stable, web security mainly in this network, other compatibility and stability requirements, should can cover the vast user experience a picture of the grace and consistent; The so-called replicable, mainly refers to the ability to modular, componentized reorganization and integration, which requires engineers to have a certain architectural ability, from the macro point of view of the project has a control, such as the current relatively hot micro front end.

4. Finally want to talk about the problem of core competence, the situation you can also see, now really is more and more high to the requirement of the front end, is not only the Internet development in this stage, the researchers have turned to the Internet leads to increased staff, more importantly is really need such levels to complete to complete the task of this stage, At present, there are still a lot of holes in the front of the senior/senior front (P6 / P7 / P8). The situation inevitably requires us to improve our ability and make higher requirements for ourselves. If we regard Beijing, Shanghai, Guangzhou, Shenzhen and Hangzhou as the five major European leagues, then BAT/TMD is the big teams. Maybe the front end can be regarded as the forward or the front waist position, the evaluation of athletes have a radar chart, and we as developers, as engineers also have a corresponding radar chart. First if there are any technical asked me in the next five years from now can keep, I’m not sure, but one is sure, that’s the algorithm and data structure, it is always the core of the core, can we as a front end, the algorithm and data structure that is inferior to the back-end together so much, but as a programmer, this ability is the foundation for you, If there is this flash point can be said to beat the vast majority of the front end, this can be likened to the athlete’s physical strength and core strength, although usually not important, but when the confrontation or competition, its importance will be reflected; Second, is the major front-end basic capabilities, such as JS foundation + HTML foundation + CSS foundation + network + framework, front-end is more miscellaneous, to do no blind area, others asked to know, may not be able to accurately say, but to know what is, it is best to have the establishment of knowledge graph, with MDN is more appropriate; Finally, it is important to pay attention to some new front-end technology, can pay attention to major conferences and so on, if it can be used in the actual project that is the best. The front end has already entered the deep water area, only by continuous learning can we not be eliminated, the road is long, I see no ending, all comrades in arms come on!!

conclusion

Looking back to 2019 and looking ahead to 2020, the summary is as follows:

1. Subdivision of the field, ecological diversity. All – powerful plenary session, one specialist
2. Multiple disputes, frame cluster. Art does not pressure the body, big qiao does not work
3. Engineering specialization, but also need to practice. Fine carving makes jade become

Well, 2020 is coming, wish everyone in this winter no longer cold, pay rise and promotion, happy!!