The fourth phase of technology project | about micro front end under your active participation. Chat at the same time the fifth period technology project | distributed, those things are also launched in an orderly way, and the rest have a front-end bosses will be already one’s fingers itch, don’t worry, technology project phase 6 is coming! This time we’re talking about React 17!

React began as an internal Facebook project and opened its first version in May 2013.

Since React, Angular, and Vue came out, the improvement of front-end development capabilities has increased the need to deal with complex business scenarios, allowing front-end engineers to have a place in the computer field.

Of course, the iterative update of each new version is particularly important. New features, architecture upgrades, AND API changes all affect the quality, stability, and efficiency of the project of the first-line R&D staff at all times.

It has been 7 years since the first version was released. Thanks to the Rigor of the React team in the process of version update Diego, and the guarantee of the stability and compatibility of the framework, the React team still maintains a high share and vitality of the front-end community. Through the React derived family barrel series: React-Router, Dva, UmiJs, cross-terminal development series: Remax, Taro, Native mix: React Native, etc., the React huge ecosystem has been built, which makes the whole React community increasingly rich.

Each new iteration of React affects the development of these related ecosystems. In version 16, React introduced hooks syntax and fiber architecture, leading to a game between hooks and class. Making many teams in the choice between upgrading or maintaining the status quo into a dilemma, but also some teams chose to wait and see.

React 17 is unusual because it doesn't add any features for developers. Instead, focus on upgrading and simplifying React itself. We're working on new features, but they don't belong in this release. React 17 is the key to our deep push. In particular, React 17 is a "stepping stone" version that makes it safer for a Tree managed by one React version to be embedded in another React managed tree. - NickJiangDevCopy the code

The React 17 RC release notes mention that “this is a feature-free release”, which does not add any features for developers, but rather upgrades and optimizations for React itself, and introduces the concept of gradual upgrades, which is also an important “stepping stone” release.

Once a new version is released, it will have a limited impact on the community, but what about the impact on the team, the developers, as time moves forward?

If your team, individual developers have been exposed to the new React 17 release, you can talk about how it has affected the actual project/project development. First things first three times:

Do not move official documents!!

Do not move official documents!!

Do not move official documents!!

Technical topics for reference:

  • How to upgrade the project to the new version of React
  • Use of React in project teams
  • Introduction and application of new features of React
  • New version of React source code interpretation

Participate in the way

The essay solicitation activity is open to all gold digger users. The participation methods are as follows:

Participate in active users please to “post title | 🏆 technology project essay 6” as writing content title. When Posting your article, please select the “front-end” category and the “React.js” label, and attach the link of this essay soliciting activity at the end of the article.

Format for:

  1. Those using the Nugget Markdown editor will copy the following directly after the article
[🏆 technology project | 6 about the React 17 those things!] ( the code
  1. Those of you who are using the Nugget Rich text editor will copy the following directly after the article

    🏆 technology project | 6 about the React 17 those things!

Award setting

Again, we have plenty of prizes for this event:

  • 🏆 First prize: The top 3 authors will get “Nugget Surrounding Gift Package +React Actual combat book”, 3 in total.

  • 💙 second prize: the authors of the first three articles with the highest number of likes will be awarded “official 👕 T-shirt + Enamel cup +React Guide book”;

  • 👏 third prize: The author of the article with the highest number of comments and interactions will get the “Gold nugget Enamel Cup”;

  • 🎉 new person encouragement award: we will randomly draw “gold nugget enamel cup” in the new person participating in the essay;

  • 🐱 Participation Award: All writers who participate in writing and meet the requirements can get “60% discount code * 3 prizes of the whole volume”, no limit on ranking.

  • The above awards cannot be won repeatedly (excluding the participation award), and the repeat will be postponed (if two of the awards are won at the same time, the award category with the highest ranking will be sorted according to the classification);

  • Overall dimension: content quality

Traffic support

All the participating articles that meet the requirements of the essay soliciting activities will get "popular recommendation on the home page of Nuggets", and have the chance to get recommended by channels such as official Weibo and wechat public account, so that more users can see your articles.Copy the code

Special thanks to

  • Thanks to @cookieboty and Xiaoshuai Lin for supporting this article;
  • Special thanks to the asynchronous community for book sponsorship. Hosted by Posts and Telecommunications Press, Asynchronous Community is a leading IT professional book community in China. IT is committed to publishing and sharing quality learning content, providing readers with quality learning content, and providing an online communication community for readers and authors.

  • Welcome all authors above LV3 to contact me on wechat: 229199157 and join the author recommendation group!

Essay for previous technical topic

  • 🏆 technology project phase I chat | Deno some thing
  • 🏆 technology project phase ii | me with those things Go
  • 🏆 technology project phase iii | data visualization of those things
  • 🏆 technology project stage 4 | about the front end of those things
  • Chat 🏆 technology project stage v | distributed those things
  • 🏆 technology project | 6 React17 changes