• Recap of front-end Development in 2017
  • Original author: FrontendMasters
  • The Nuggets translation Project
  • Permanent link to this article: github.com/xitu/front-…
  • Translator: bambooom
  • Proofread by realYukiko

More highlights please pay attention to:Front-end Developer Guide 2018

  • HTML 5.2 published.
  • There is no doubt that this was the year when Vue.js took off in popularity.
  • The big difference between front-end HTML & CSS developers and front-end application developers has finally been recognized and redefined.
  • Being front-end JavaScript developers building applications using Web technologies is getting better and worse.
  • There seems to be more application/framework solutions than ever this year that try to compete with the mainstream JavaScript application tools (React, Angular, Vue, etc.). Moon, Marko, Hyperapp, Quasar Framework, POI, Frint, BunnyJS, Jsblocks, Sapper, Stimulus, Choo…
  • Jsbin and JsFiddle, which evolved into StackBliz and codeSandbox, make sharing an application so easy.
  • React continues to be embraced by the likes of Preact, Inferno, Nerv, DVA and RAx.
  • Devhinting. IO did a great job of organizing Cheatsheets.
  • We find application boilerplate or command-line tools to be biased, such as the React Create App, which we should run away from when necessary.
  • Most developers find that a combination of a good code editor, ESLint, and Prettier makes writing code faster and easier.
  • CSS Flexbox and Grid are supported in browsers, so more and more developers are paying attention to them.
  • We finally have Chrome without a head.
  • You don’t need Less or Sass to do amazing things with CSS anymore.
  • The CSS revolution is underway.
  • JavaScript Object browsing tools have arrived, JavaScript Array Explorer and JavaScript Object Explorer, which are handy and useful for learning JavaScript data like objects.
  • With Chrome dominating the market, there are fears that history could repeat itself.
  • Brave became the most enjoyable and secure way to browse the Internet.
  • PhantomJS is no longer maintained, Headless Chrome and Puppeteer are in.
  • Prettier starts from an unexpected place and becomes a protagonist.
  • Many developers are starting to adopt static checking, mostly for subjective reasons and as a fad. Some people follow the Typescript and Microsoft way of doing things, while others follow the slower Flow. One thing is for sure: most developers don’t need types, they just complicate already complex problems and solutions. Like most things, this trend is largely a matter of dogma rather than objective value.
  • Static site generators and API CMS tools known as headless CMS are now on the radar of most developers.
  • Web components are still lurking, waiting for a big push from developers that may never happen.
  • JavaScript settles down, CSS explodes, and everyone will be exhausted by this time next year.
  • Many people start moving CSS into JS CSS when building applications using component trees.
  • Yarn seemed to meet the demand, as many people switched from NPM to Yarn. The greatest value of Yarn, however, is that it creates competition for NPM, which in turn makes NPM better.
  • Scrimba makes a new video format a reality for interactive coded on-screen video (the live recording editor is editable).
  • Most people are beginning to realize the connection between component architecture and atomic design.
  • The ES module will become part of the browser, and if you use the ES module, a backup plan will be required (that is, from a package like Webpack).
  • MVC frameworks are dying out.
  • Using tools like Bluekit, Storybook, React Styleguidist, and Bit, it’s becoming popular to develop and display React components outside of your application.
  • Gained front-end experience in 2017, as demonstrated by personal projects and Github accounts.
  • Preloading resources (CSS, JavaScript, multimedia files, etc.) from HTML documents has arrived.
  • Cypress has emerged as a complete testing solution, and testing will get better and better because end-to-end testing is the focus for your application’s code.
  • WebAssembly is now available in all major browsers.
  • Webpack dominated, then rival Parcel came along.
  • React 16 code-named Fiber.
  • React is starting to give jQuery a run for its money in some cases.
  • React has indeed become the most widely used UI building tool.
  • Facebook dropped the React BSD license in favor of the MIT license (which also includes Jest, Flow, Immutable. Js, and GraphQL).
  • GraphQL became popular in 2017.
  • Facebook continues to take the lead in developing upcoming tools like prepack. IO.
  • As expected, ecMA-262 version 8, also known as ES2017, was released.
  • The React Router was finally stabilized.
  • All modern browsers now support ECMAScript 2015 (also known as ES6).
  • Async JavaScript functions are beginning to gain some serious attention and usage, mainly because all modern browsers now support Async functions.
  • Mobile development is still hard. This year, strong advocacy of the Web platform as a solution to this pain has gained a lot of support.

The Nuggets Translation Project is a community that translates quality Internet technical articles from English sharing articles on nuggets. The content covers Android, iOS, front-end, back-end, blockchain, products, design, artificial intelligence and other fields. If you want to see more high-quality translation, please continue to pay attention to the Translation plan of Digging Gold, the official Weibo, Zhihu column.