My prediction for 2018 trends:
During 2016 to mid 2017 we had front end library born every minute, the all story felt like a mess, it was hard to focus when there is so many tools coming out, I fill now there is more focus on improving existing tools and not just creating new one.
lets talk on the tools you should focus on this year.
/vjuː/, like view) is a progressive framework for building user interfaces. It is designed from the ground up to be incrementally adoptable, and can easily scale between a library and a framework depending on different use cases. It consists of an approachable core library that focuses on the view layer only, and an ecosystem of supporting libraries that helps you tackle complexity in large Single-Page Applications.
Vue is sky rocking for a library develop by an independent developer and not a giant like google and Facebook, it’s amazing it got that far that fast! a very successful collaboration between Laravel and Vue (Laravel – the most popular framework for php).
The creator of Vue explain number of times how he learn from React Angularjs mistakes, and when you developing in Vue you can definitely feel that. To start a new Vue project with or without the cli is extremely easy, a rear option this days. Many feels Vue will be the next Jquery.
Vue Core Libraries:
- Vuex – Store Management
- Vue Router – Official Router
- Vue server renderer – Official SSR Solution
Honorable mention will be Nuxt.js a server rendering solution base on Vue.
React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes.
Declarative views make your code more predictable and easier to debug.
Build encapsulated components that manage their own state, then compose them to make complex UIs.
|### Learn Once, Write Anywhere
We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code.
React can also render on the server using Node and power mobile apps using React Native.
***Honorable mention to the front end section will be probably Angular.***
Electron also coming with a big name behind it (Github) and with a very successful project like visual code and others this project is definitely here to stay!
## A React Native app is a real mobile app
## Don’t waste time recompiling
React Native lets you build your app faster. Instead of recompiling, you can reload your app instantly. With [Hot Reloading](http://facebook.github.io/react-native/blog/2016/03/24/introducing-hot-reloading.html), you can even run new code while retaining your application state. Give it a try – it’s a magical experience.
## Use native code when you need to
React Native combines smoothly with components written in Objective-C, Java, or Swift. It’s simple to drop down to native code if you need to optimize a few aspects of your application. It’s also easy to build part of your app in React Native, and part of your app using native code directly – that’s how the Facebook app works.
React Native ecosystem is very reach, it make it very easy to get started!
Microsoft and React Native collaboration bring us this plugin to build desktop apps with React Native: https://github.com/Microsoft/react-native-windows
GraphQL is a query language for your API, and a server-side runtime for executing queries by using a type system you define for your data. GraphQL isn’t tied to any specific database or storage engine and is instead backed by your existing code and data.
AdonisJs is a Node.js web framework with a breath of fresh air and drizzle of elegant syntax on top of it. We prefer developer joy and stability over anything else.
Adonis is an MVC framework for NodeJs very similar to Laravel, Adonis provide ecosystem for creating servers and web apps, with a wide range of tools and methods like ORM, Template engine, Auth and many more, give it a try and fill how easy it to focus on your apps when you get this wide range of tools and structure (make you think kess on how you going to structure and providing a common language for developer working on the same project).