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!
DISCUSSION (34)

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 😍

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

Being able to import older AMD modules into your ES6 modules like it ain't no thing is a big plus for our team.

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

  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.

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

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.

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 PWA .. and tensorFlow.js was released couple of weeks ago ..

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.

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

That's a good question, Ben! I'm exactly in the middle of my next JS digest to put all the cool repos I've recently found. There I already see some interesting frontend trends to follow. Hope, I'll manage to finish it this week!

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 :]

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

Classic DEV Post from Apr 10

My Productivity Boosters — A random collection of tricks and tools — What are yours?

I love working on projects. I’ve been working on all kinds of projects for 12 y...

READ POST
Follow @fabrik42 to see more of their posts in your feed.
Ben Halpern
A Canadian software developer who thinks he’s funny.
More from @ben
The DEV badge is available on Font Awesome!
#meta #webdev
Final Thoughts on the State of the Web Survey
#webdev #sotwsurvey #datascience
Trending on dev.to
Remixing other people's websites
#ux #ui #javascript
Why we chose Turbolinks instead of building an SPA
#javascript #webdev #productivity #elixir
I created a monster
#javascript #webdev #flow #react
There are only two types of automated software tests, fast ones and not fast ones
#webdev #testing #tips #php
What can I contribute to for Hacktoberfest as a beginner? 👶🏽💻🎃
#hacktoberfest #opensource #beginners #webdev
User Authentication with Express.js
#dev #beginners #javascript
Vanilla JS, back to basics - Part. 1: variable scope
#javascript #webdev
Working as a software engineer for a dev shop with projects vs a product company
#webdev #tips #career