What are the latest trends in front-end JavaScript?

What are the newest popular ideas and/or projects? What's trending up and what's trending down?

Did you find this post useful? Show some love!

Which would be better? To receive a nickel for every time someone says jQuery is trending down or passΓ©? Or to receive a nickel for every time someone uses jQuery to solve a problem?

Regardless of any nickel distribution rates, those two actions are consistently two of the top trends in front-end Javascript.

At my day job, I work in a Rails + React/Redux app and it is really fun to work with.

On the other hand, I just started a side project and the amount of hours I can spend on it is limited Because of that, I chose to "go back" to the regular Rails with some sprinkles of jQuery for some animations and I must say that, not only it makes my life really easier, but it also allows me to develop really faster.

I've worked with people who used jQuery to solve ReactJS problems. I don't think jQuery is every fully going to disappear.

I wonder what problems they are solving. I've found using the native DOM api much more efficient and easier to maintain than using jQuery. Also I think React has exposed a new document model api so I can't imagine there is any use for jQuery in React.

There really isn't any use for it but people stick to what they know. In this case it was about Bootstrap functionality being called from React components using jQuery instead of the React Bootstrap packages.

The only thing I can think of is Progressive Web Apps.

Projects like Ionic pushing PWAs so hard. Google doing same.

Gartner even predicting about 50% of public facing comsumer apps to be PWAs by 2020.

With Safari ramping up to support service workers fully, nothing stands in the way of PWAs becoming massive.

All my web applicationa since last year are PWAs, with one even using Server Side Rendering and the benefits it brings to the table many.

Definitely seeing more and more hype around Progressive Web Apps. Learning how to make a PWA is one of my goals this year.

Exactly.., even more with the first class support by Microsoft 😍

Ben Halpern DEV.TO FOUNDER

Hey there, we see you aren't signed in. (Yes you, the reader. This is a fake comment.)

Please consider creating an account on dev.to. It literally takes a few seconds and we'd appreciate the support so much. ❀️

Plus, no fake comments when you're signed in. πŸ™ƒ

The pipeline operator is becoming a thing (hopefully sooner rather than later).

for await will be nice as well.

Pipeline operator will be sweet. I really like to use the Lodash/fp compose funtion, but I would be nice if they integrated it in the language.

I can think of a few things.

☝️ Trending Up

  1. Convention based transpiling (create-react-app, Webpack4, parceljs)
  2. I see many people promoting functional javascript code.
  3. Component based libraries - React, Web Components, etc.

πŸ‘‡ Trending Down

  1. jQuery
  2. πŸ€” ...

I am trying to see the benefits of Webpack. The only thing that I can see that is beneficial with it is "tree-shaking" and yet its not off the shelf

  1. PWA's

  2. Online IDE's like stackblitz

  3. Libraries like React after its newer release 16.3 , VueJS

  4. React Ecosystem in total

  5. Serverless Hosting for PWA's and Mobile Apps(AWS AppSync , AWS Lambda and Firebase).

  6. Code Formating (parceljs, prettier etc..)

Thats all I know. Anything Else i missed?

Just GraphQL and Headless Chrome. There is a project called Puppeteer that makes it easier to work with headless Chrome.

It's not entirely Front End but definitely it is a thing.

WebAssembly for Rust is supposed to enter stable release in September. Not Javascript technically, but will probably affect front-end.

Trending up: Vue, GraphQL

Trending down: ~JSON~ Meant JQuery... really low on sleep... I'll add another trending to make up for it

Seriously? What's replacing JSON?

Lol, my bad, I am low on sleep and saw JSON on my screen, meant Jquery

Leaving reply for a notification. I'm curious.

I think the camp is divided on this still, but regardless, the adoption of static typing in JavaScript is increasing.

My experience has been with TypeScript, so in this space there are several large projects in OSS land that have been or started using TypeScript. The thread in this tweet names some big ones.

On the Flow side, I have less knowledge of projects using it as I don't really work in that space, but I'm aware that FireFox DevTools and spectrum have embraced types with Flow. If you know of other large OSS projects using Flow, please comment.

Also related...

Coming from a Java/C background in university this really really intrigues me. It was one of my big hangups context switching, learning web while studying Java. I am interested to see where this goes. There was an article I read by Eric Elliott called The Shocking Secret About Static Types where he basically says that static typing in JavaScript is not necessary and doesn't necessarily reduce bugs.

It is an interesting, albeit controversial, take.

It's definitely not necessary as many have built large scale applications in Javascript before Flow and TypeScript, but in my experience, if you want to scale your team quickly on a project, avoid silly mistakes like typos and be able to refactor quicker, you need something like TypeScript. Couple that with editors that have plugins or native support for TypeScript, and you all of a sudden have a way better developer experience.

I agree partially with him about it not preventing bugs. TypeScript eliminates certain kinds of bugs: runtime errors due to typos, potentially issues related to type coercion and stuff like assigning a completely different type to a variable because these are caught at transpilation (compile) time. Basically a lot of the same issues that would fail at compile time in strongly type languages like C# or Java.

Up:

  • New JS Standards, both recently established (like service workers, WebRTC 1.0, javascript modules, web assembly) and in the making (JS observables, optional chaining, decorators)
  • Typing/Typechecking in JS
  • Using vanilla HTML/CSS/JS for the initial load and enhance it with a framework afterwards

Down:

  • Supporting outdated browsers
  • next new framework hype

on the top of my head the following:

  1. Progressive web apps - now that Apple has open the gates for service workers
  2. Going back to basics with vanilla JavaScript (and loving it)
  3. The fight of the frameworks/libraries - namingly React and Vue

Definitely PWA .. and tensorFlow.js was released couple of weeks ago ..

Things are getting commodotized all the way. Moving thingsfrom front-end devs to designers and from back-end devs to front-end devs, because they are just easier to handle now.

Stuff like Pagedraw could accelerate the UI development (which is the slowest part I think) and also moving it from developers to designers.

Glueing together the back-end with the UI is still a major pain-point that needs to be handled by a dev.

On the other hand, serverless makes back-end development much simpler and allows front-end devs to get into it easier.

This gives back-end devs more time to consider tech that was too hard or time-consuming to learn years ago, like machine learning etc.

Here would be things I would list specific to front-end. Obviously these are just my opinion

Trending up:

  • Progressive Web Apps
  • Vue.js

Plateau (not fading but not maybe peaked):

  • TypeScript
  • WebPack

Trending down:

  • Angular

I know some will take issue with my trending down on Angular. I don't think it is going away by any means - lots of large enterprises especially rely on it - and it remains a huge community. But I do think we people are being drawn away by frameworks like Vue, that brought along an audience that wasn't comfortable with the idea of switching to React.

I'm back again. One trending project I forgot to mention is Flutter.

Yes! Flutter.

You welcome!

ps: Currently taking the Flutter course on Udacity

Definitely the noise around progressive web apps, also bridging the design process and turning it into code faster through api

Haven't seen a mention of webVR (which google is pushing heavily) and more specifically a-frame by Mozilla which makes threeJS far more palatable to newbies, novices and apprentices.

VR and AR are huge growth-points in the world of tech, and - as the google speakers in the webVR link above demonstrate - the Web is a major part of the strategy of major VR players like Google.

It represents a whole new direction for the web with lots of space for innovation. Eg What's the best way for a user to be able to navigate in 3D space? etc.

The trend might be early, but it's definitely UP :]

Classic DEV Post from Apr 22

What is your favourite JavaScript framework?

fav framework

READ POST
Follow @saigowthamr to see more of their posts in your feed.
Ben Halpern
A Canadian living in New York, having a lot of fun cultivating this community! Creator and webmaster of dev.to.
More from @ben
Do you think the differences between HTML and XHTML are generally well-understood?
#webdev #discuss #javascript #react
Can you explain to me what's going on in this code?
#discuss #explainthiscode #javascript
Trending on dev.to
Web Servers Explained by Running a Microbrewery
#tutorial #beginners #webdev
Elementary Element Queries
#css #javascript #webdev #showdev
Signing React Native Android APKs on Microsoft App Center
#javascript #react #android #reactnative
The syntactical Sugar Classes of JavaScript
#javascript #tutorial #programming
Dynamically Sizing Text for a Tag Cloud Effect
#javascript #tutorial #jquery
Linear and Binary Search in JavaScript
#javascript #computerscience #binarysearch
Part One: Using Typescript with React
#javascript #frontend #react #typescript
Weekly trending Ruby on Rails repositories. May, 18
#github #rails #opensource #webdev