In proportion to the "2018 Annual JavaScript Trends Report" shows that the current React popularity in the front area of the highest, Vue ranked in second place, but "used and will use again" point of view, Vue and still not small compared React gap.
(Note: there were from 153 different countries a total of 20,000 over JavaScript developers involved in the investigation, a total of 75 Chinese developers accounted for 0.37% of the total, China this data may have some different)
React was so popular, thanks to its own advantages:
Flexibility and responsiveness: React to provide maximum flexibility and responsiveness.
Virtual DOM: Because it is based on the document object model, so it allows browser-friendly documentation arranged to HTML, XHTML or XML format.
Scalability: Because of its flexible architecture and scalability, React has proven to be better for large applications.
Continuous development: React been supported by Facebook for professional developers, they are constantly looking to improve the working methods to make it more advanced.
Rich JavaScript libraries:Contributors from around the world are working to add more features.
Web or mobile platforms: React React Native providing platform for application presents iOS and Android developed by the same native React component model.
Especially when
● need to build mobile applications
● need to build large applications
● lightweight, easy-to-version migration
● professional and excellent community support to solve any problems
React is a better choice (often medium-sized enterprises tend to React )
In addition to Facebook, Instagram, Netflix, Microsoft and many other internationally known Internet companies are React.js fans were outside , a lot of the mainstream Internet companies such as Tencent, ants gold dress, Jingdong, 360 US groups, such as Ctrip also used React even manufacturers have not used directly due to the business and other reasons, but still not out React community.
So for each front-end developers who want to go to manufacturers, React is around, but the sill . React related issues is basically an interview compulsory, neglect React learning technology stack would greatly reduce their competitiveness. If you can understand the depth of the soul React, including virtual DOM, JSX, functional programming and immutable, one-way data flow, component-based abstract, life cycle, etc., in the face of other wheels you can do get heart should hand.
But we all know React steep learning curve, a lot of people complain about: their own Sike more than one month but progress is slow how to do?
Do not worry, today put together a " React principle of analysis" + "react components" of two videos , you quickly understand React with basic logic and grammar.
Especially suitable for video
Have knowledge of react, but the hard-pressed to upgrade deep plowing and programmers;
Js simple to understand and react usage, no solution was tortured repeatedly react programmers
Video content elements are as follows:
"React principle of analysis"
1. Source interpret basic ideas introduced
Involving knowledge points: react entrance Source
2.JSX, createElement and virtual DOM relationship
Involving knowledge points: JSX, createElement, virtual DOM
3.React.createElement implementation
Involving knowledge points: createElement
4.Component create virtual node type determination
Involving knowledge points: Component, virtual node type
5.vdom to convert dom
Involving knowledge points: dom Conversion
6. styles processing, vdom array rendering
Involving knowledge points: style processing, vdom array rendering
7.setState workflow
Involving knowledge points: setState
8.diff and patch reading process
Involving knowledge points: diff algorithm, patch algorithm
"React componentized"
1. Review
Involving knowledge points: react + reactDOM jsx react basic usage
2. Try ant-design component library
Involving knowledge points: Button components using the configuration loaded on demand
3. container assembly vs display assembly
Involving knowledge: the advantages and disadvantages of the container group display components as well as solutions (with source code)
4.react.memo
Involving knowledge points: React.memo be retrofitted instead of PureComponent
The high-order components
Involving knowledge points: chained calls decorator wording
6. Composite component
Involving knowledge points: Composition interaction between components to achieve vue named slots
What 7.children that?Case presentation
Involving knowledge points: Modifying children write components
I hope that these two videos to help you react depth understanding of the principles of work and interviews can provide strong support. Video is now limited free open Access: the end of the two-dimensional code scanning text → Add small assistant micro letter to receive.
In addition , the top 150 scan code plus a small assistant readers more in August 21 attended by former Baidu, 360 architects Wednesday night 8:30 Story teacher Speaker live lesson "front-end architect of the attack" .
The original price of 49 videos limit of 1.99 yuan , the contents of notice look:
Next Fanger Wei code scanning, add small assistant, you can get exclusive offers links to watch a rare opportunity, readers need to sign up as soon as possible ~
Scan QR code to add a small assistant micro letter
Watch exclusive offers available to 1.99 yuan links
After opening one by one by applying for permission, limited energy assistant, oh no slow hand
Wednesday and like-minded people together in-depth discussion and learning Web front-end technology, but also transferred to welcome a friend in need!
Frameworks come and go, but the bottom or those things, learning the source Lianhaoneigong, we do not do the collection party.
Live video from the commencement it offers, thanks to commence it friendship continued support.
Starting right: to build Internet business platform for professional growth. Now for the front-end programmer, a special polish Advanced Course "Web Architect full stack" to help people break the technical bottlenecks, improve their competitiveness and achieve sustainable growth occupations.
Interested in the courses can also add micro letter consultation.