Latest news about Bitcoin and all cryptocurrencies. Your daily crypto news habit.
Take a deep breath. 2018 is over. If youâve been buried up to your neck in projects, this article will bring you up to speed with the biggest JavaScript developments of 2018, and some predictions as to what 2019 will bring.
You can use this to understand which frameworks would be good to learn next. And if you want even more context, have a look at last yearâs JS Trends post.
React vs Vue (oh, and Angular Too)
Facebook had its worst year ever politically, but you wouldnât know it by looking at React. The front-end framework is still by far the most dominant of all frameworks, and itâs still the most-loved too.
React introduced a new context API, more accurate error reporting, and Hooks, a feature where you can use state and other React features without writing a class (currently in beta).
Thatâs not to say Vue.js has been lagging behind. On the contrary, Vue also had excellent updates in the form of Vue CLI v3, a new (beautiful) CLI tool to create pre-configured Vue apps and check performance stats. The framework has grown quite significantly again, and its open-source community remains as passionate and vocal as ever, with VueConf growing more popular each year.
And then, of course, thereâs this:
I think Vue got the highest satisfaction rating among frameworks in State of JS this year (91.2%)âââthanks to our users, and we aim to do even better! Hope we can change the mind of the 568 people who donât want to use it again ;) https://t.co/7MrM8Y4ekq
â Evan You (@youyuxi) November 19, 2018
Iâd be amiss not to mention Angular. Just from looking at the State of JS survey, it seems we might need to put Angular on life support soon đ, with the âWould not use it againâ rate jumping up 24 percentage points from 2017â18, compared to only a 3 point rise from 2016â17.
As we all know though, Angular still wonât die anytime soon. When comparing search terms in Google, React and Angular still come out far ahead of Vue. Similar for jobs: there are far more jobs that mention Angular and React than there are that mention Vue. This post goes in more detail about this, but suffice to say that Angular is far from dead, and can definitely still get you a job.
Node.js and the back-end landscape
The 2018 Node.js user survey confirms a lot of what weâve been seeing at X-Team:
⹠ES2017 is more widely adopted now. ⹠Most devs plan to increase their usage of Node in 2019.
âą Increased popularity in Rust, Go, Python and Java are causing some devs to expand their skillsets to stay relevant.
In particular, they mentioned Node.js devs want to increase their involvement in Go in 2019, but we see devs wanting to switch to Go every year. The massive lack of available jobs, however, continues to make it a gamble of how you spend your learning time in 2019.
GraphQLâs rising popularity has also helped introduce more devs to Node, as most GraphQL tutorials teach implementation using Node +Â Express.
Next.js continues its rise in popularity, but not among many big companies willing to take the leap. Certainly though still a great option for
GraphQL
The biggest success story of 2018. Donât be part of the 17% of JS devs who still donât know what it is, as this train is moving quick. GraphQL serves as the replacement for REST APIs, and itâs grown with incredible speed over the last two years.
Apollo, a GraphQL client, gets downloaded 500k times/week compared to 10k times/week a year ago. 21% of Node users are using GraphQL as well.
Github, Netflix, PayPal, Salesforce, Atlassian, Redditâââjust to name a few companies with insane traffic that are capitalizing on GraphQLâs scalability power already.
Less code (ship faster), consistent performance, better security â
One of the biggest benefits of GraphQL is that it allows the client to fetch only the data that they want. There should be no under- or over-fetching anymore.
Also check out X-Teamer Bartosz Krolâs intro to GraphQL tutorial.
Expect to see a lot more GraphQL in 2019.
Thereâs an App for That
The rise of progressive web applications (PWAs) mean that web apps have become pretty much as good as mobile apps. Go to m.facebook.com and compare it with the actual Facebook mobile app. Can you see any difference? Because IÂ canât.
This being said, apps are still terribly important for mobile and for desktop. And JavaScript is spilling over into app development too, as itâs become way easier to build apps with JavaScript.
The tools youâll use to do so will either be Electron for desktop apps or React Native for mobile, although NativeScript is worth keeping an eye on too.
At most companies today, the conversation is centered around React Native vs. Flutter, Googleâs competitor that utilizes Dart (this in-depth piece will explain why Dart is a good option).
Iâd personally wait out 2019 before diving too heavily into Flutter, primarily since React is a common skill you can apply to React Native and still get most of the benefits of what youâd get from using Flutter. That said, itâll be up to Facebookâs investment in React Native to decide how strong Flutter performs over the next 2Â years.
Test, Test⊠Is this Thing On?
In terms of JavaScript testing, thereâs not much new to report as itâs pretty much a level playing field.
The top three are Jest, Mocha, and Jasmine.
Jest continued its strong lead in 2018, and will continue into 2019.
Storybook
This year saw the release of Storybook 4.0, which now supports six new view layers (including Ember and Svelte) and it now integrates better with React Native, which is a great win for the React Native camp.
And, of course, they had to join the Dark Mode train đ:
The story (see what I did there?) of Storybook, continuing to be driven forward with innovation and style from its community. Itâs now the most popular UI component explorer out there, and it continues to be one of my favorite dev communities to watch grow.
In the End, Webpack Prevailed
Last year, a competitor to Webpack joined the ranks:Â Parcel.
Although it gained more stars on Github than even GraphQL has in that short timeframe, donât plan on it dethroning Webpack anytime soon.
It will instead serve a different purpose in the dev ecosystem: introducing beginners to build tools, and serving as a quick-and-dirty option for side projects without the Webpack bloat and setup complexity.
Gulp and Grunt, on the other hand, I think we can safely assume wonât be around in 5Â years.
Languages that compile to JavaScript
TypeScript, Elm, ClojureScriptâââweâve watched them all for the past few years continue to inspire a smarter, safer and more elegant approach to coding. Itâs a much-needed movement in the wild west of JavaScript.
And each year, I point to Reason (Facebookâs take on the already well-established OCaml) as the next-big-thing for JS, especially React developers. Jordan Walke, the creator of React, in fact thought of Reason before creating React; but at that time, things like TypeScript didnât exist and no one was interested in learning another syntax and compiling to JS.
TypeScript in particular really helped pave a path for Reason to start gaining more serious momentum in 2019 and 2020.
I believe in Reason so much that we even invited the ReasonConf organizer to enlighten us via a private workshop for our community this past year.
That said, TypeScript is already well ahead of the game and will be a strong competitor, PLUS WebAssembly is finally ready to play with, which will introduce an entire new crowd of competitors for Reason, like the growingly popular Rust.
But because of Reactâs massive influence on development today, by 2020 you will absolutely see Reason/ReasonReact as an important part of the JS ecosystem, so long as the dev community at large continues to mature in its approach to coding.
GatsbyJS
The story of Gatsby continues to amaze. In 2018, it raised $3.8M and has been on fire ever since.
More and more brands are capitalizing on the power of Gatsby for their static websites, while still being able to pull data from anywhere using GraphQL.
2019 will only continue to see more Gatsby adoption, especially as the massive WordPress ecosystem begins to embrace it more as well.
Design and Development merging
framer, sketch plus react-sketchapp
Meanwhile, react-sketchapp made a big splash, allowing you to sync and render your Sketch assets with high-quality React components. For those already moved on to Figma, make sure to check out their API.
The rise of Figma adoption in particular was interesting to see, as itâs clear that the skills of a designer are evolving beyond just artwork and into being a contributing member of the dev team via great tools like Figma, FramerX, etc.
I expect weâll continue to see more crossover tools like these in 2019, as theyâve been a dream of developers for ages.
2019 Study Material
- GraphQL
- Vue.js
- Storybook
- Webpack
- Electron
- React Native
- GatsbyJS
- react-sketchapp
- Figma
- Framer
Did I miss a trend you think is important? Drop a comment below and letâs add to the list.
Are you a JavaScript developer? Work from anywhere and join the most energizing community for developers while getting funded to do more of what you love. Learn more about X-Team.
Originally published at x-team.com on January 12, 2019.
Top 10 JavaScript Trends to Watch in 2019 was originally published in Hacker Noon on Medium, where people are continuing the conversation by highlighting and responding to this story.
Disclaimer
The views and opinions expressed in this article are solely those of the authors and do not reflect the views of Bitcoin Insider. Every investment and trading move involves risk - this is especially true for cryptocurrencies given their volatility. We strongly advise our readers to conduct their own research when making a decision.