article This originally appeared on dormoshe.io In the last five years, the web development zone overflowed with new frameworks, libraries, tools, languages and power factors. The web development field is gaining momentum and its evolution is being recorded in the history books. After the first half of the year, we can say that 2017 continues this path and is being written down as an important year. In this article, we will arrange our thoughts and focus on the main interesting, important and valuable hallway conversations of the web development in 2017. 1. Yarn — The Killer of NPM? The goal of Yarn is the same as of npm— to be a package manager for JavaScript. Yarn has been developed as a part of a collaboration between , Exponent, and Tilde. With Yarn, we still have access to the npm registry. In addition, we can install packages more quickly and manage dependencies consistently across machines or in secure offline environments. Yarn enables us to move faster and with confidence when it is being used to share code. Probably, the improvements of Yarn will incorporate into npm in the future, so both users will benefit from the improvements of others. Facebook, Google _Everything you need to know about Yarn package manager_shift.infinite.red NPM vs Yarn Cheat Sheet 2. Angular 1, 2, 4 Angular is a widely-used framework in the JavaScript area. Google released Angular version 2 in September 2016, as a rewrite of Angular 1. Google choose the method for Angular. Six months after version 2, version 4 of the framework has released. Version 3 was skipped as part of because of the version of the router. Angular 1 is called and Angular 2+ is called just . It seems that Angular has successfully of the community and that a massive number of developers made their path to the new Angular. semantic versioning technical skipping, AngularJS Angular passed the test _Angular version 4 is out!_hackernoon.com Top 8 Resources to Explore Angular 4 3. React Fiber — The Next Generation of React React Fiber is an ongoing of React’s core algorithm. It is the culmination of over a two years research that made by the React team. The main concern of the new React is . Scheduling is the option to pause, resume and cancel the update process in order to get high priority to other tasks — it’s also called . Animations are one of the tasks that will gain from this feature. It’s necessary because the human eyes recognize ‘lag’s in the animations if the update process is long. The plan is to put this rewrite into the hands of the developers once will be launched later this year. Unlike Angular, when Fiber will be released, the old React applications will as before. reimplementation scheduling Incremental Rendering React 16.0 continue to work — A Cartoon Introduction to Fiber @ React Conf 2017 Lin Clark 4. Vue.js — A Real Competitor of React and Angular A lot of words has written about the state of the front-end frameworks. You can see many new frameworks in the zone. Most of the developers use Angular or React. Vue.js is a that focuses on building user interfaces. It offers a lot of functionality for the . The popularity of Vue.js and the attention of the community set Vue.js as something different. It’s not just another framework. Vue.js holds an from Angular and React. We need to keep eyes and open ears to what will be happened with this cool framework. The first official Vue.js conference will take place in June 2017. progressive JavaScript framework view layer integration of advantages Talk about Modern Frontend with Vue.js @ Laracon EU 2016 Evan You 5. The power of Webpack Webpack is a JavaScript module bundler tool. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. The Webpack Plugin system is . In order to use a plugin, you just need to it and add it to the plugins array. Webpack makes our experience more easy and convenient. Webpack’s core idea of a dependency graph is what makes it so powerful and useful. Webpack 2 & are now available. Angular-CLI and many products already use Webpack. It makes its path to be a consensus. extremely powerful and customizable require() Webpack-CLI _This article was peer reviewed by Scott Molinari, Joan Yin and Joyce Echessa. Thanks to all of SitePoint's peer…_www.sitepoint.com A Beginner's Guide to Webpack 2 and Module Bundling - SitePoint 6. The Features of ES6 ES6 or ES2015 is the latest version of the ECMAScript standard. The previous update to the standard was in 2009. The Goals for ES6 provides better support for large applications, library creation and for using of ECMAScript as a compilation target for other languages. ES6 brings a and improvements like promises, lexical block scoping, iterators, generators, modules, class declarations and destructuring patterns. The implementation of these features in the major JavaScript engines is . massive number of features now underway _Support for constants (also known as "immutable variables"), i.e., variables which cannot be re-assigned new content.…_es6-features.org ECMAScript 6: New Features: Overview and Comparison 7. Prepack — A Run-Time Optimizer Prepack is a tool that optimizes JavaScript source code. Computations that can be done at , instead of run-time, get eliminated. Prepack is a partial evaluator for JavaScript. Prepack , resulting in JavaScript code that executes . It is under active development and still in very . Prepack can be a “ ”. It is backed by a stable company — . They want to integrate this tool in and they have been worked on that for a while. There is a lot to do. The vision of Facebook is to . compile-time rewrites a JavaScript bundle more efficiently early stage life changer Facebook React leveraging Prepack as a platform _In the last days, the social networks are stormy about Prepack. Probably you still haven’t heard about it. It’s…_hackernoon.com Facebook’s Prepack — The Next Killer In The JavaScript Zone 8. Firebase For the Serverless Applications Serverless architectures refer to applications that depend on third-party services. Firebase is a mobile and web application development . Firebase is built on Google infrastructure and scales with you automatically, so you don’t have to worry about meeting user demand. Firebase lets you just code and it and infrastructure. Cloud Functions, Real-time Database, Crash Reporting, Authentication, Cloud Storage, Hosting, Firebase Notifications and Android Test Lab are just a that go to makes your life happier. You also need to with Firebase like lack of local development option, limited JavaScript SDK and relations with NoSQL DBs. can be achieved with a lot of libraries like , and . significantly platform taking care of your backend few of the features pay attention to the difficulties Easy integration with Firebase angularfire2 reactfire , vuefire _Firebase is an astounding tool. Hundreds of millions of people use Firebase -powered apps. The company started as…_hackernoon.com How to Build a Product Loved by Millions and Get Acquired by Google: The Firebase Story 9. Redux — Unidirectional Data Flow The web pages and content being wealthy, massive, long, and detailed. The traditional static HTML pages gave away for the dashboards and stateful dynamic pages. Now, it’s not sufficient to save the data just in an object. There is context between the page parts and this is a . Redux is a predictable state container for JavaScript applications. Redux architecture revolves around a strict . It was and functional programming language Elm. Redux is one of the in front-end development these days. Redux got popular very quickly because of its simplicity. It’s familiar as the for React. It can be used by any JavaScript framework. Angular still has libraries that implemented these concepts. recipe for a mass unidirectional data flow inspired by Facebook’s Flux hottest libraries BFF of React, but it’s suitable not only Talk about Redux @ 2016 Dan Abramov react-europe 10. Microservices for Your Flexibility Microservices is an that structures an application as a collection of . Each of this services can focus on sub-domain of the application. This architecture enables the continuous delivery of large and complex applications. It also enables organizations to because each service is an and have a defined API for communication. Microservices improve fault isolation, eliminate long-term commitment to a single technology stack and make it easier for a new developer to understand the application functionality. The concepts usage expands and big companies like eBay, Amazon, and Netflix already use this architecture. architectural style loosely coupled services evolve its technology stack autonomy _How we’re rebuilding our infrastructure from scratch._blog.poki.com From Monolith to Microservices Conclusion The permutations in the web development are outward. We can’t get away from this changes. We need to embrace them and keep learning. Now you have a lot of contents for hallway conversations with your colleagues. You can dive deeply and explore these topics. The second half of 2017 will be wealthy and interesting — that’s for sure. So keep following… You can follow me on dormoshe.io or Twitter to read more about Angular, JavaScript and web development.
Share Your Thoughts