If 2020 has proven anything, it’s that predicting the future is a mug’s game. With that said, here are my predictions for where front-end development is heading over the next 12 months 🙄 React frameworks finally mature Frequently referred to as the ‘V’ in MVC, has both benefited and suffered from its lack of an opinionated framework. Years on and we’ve not seen the industry coalesce on a single stack, architecture or blessed toolchain. While this flexibility has undoubtedly aided its popularity, 2021 may be the year we finally see such frameworks reach maturity. React Over the last year has continued to dominate the React space, growing their framework, and their self-titled service offering — all while launching an , an , and hosting their largest (virtual) conference yet. While Next has been on the scene for a long time, it’s come a long way from its buggy beginnings. The batteries-included approach isn’t for everyone, but additions over the past year have culminated in a that’s both stable and surprisingly mature (sub-path routing at last 🙏). Vercel Next.js e-commerce starter kit analytics tool v10 release - Vercel was trying hard to channel Apple with their latest Keynote, complete with product ‘drops’ and all-black attire. Adding to the mix this year was the quiet ‘supporter preview’ launch of , a new closed-source React framework. Created by two of the biggest names in the community, Jackson and Florence of fame, Remix takes a different approach from Next — both in business model (charging a modest sum for an annual license fee) and philosophy (Remix is a product, not a platform). Instead of leaning into static page generation, Remix promises to leverage more traditional techniques, such as aggressive HTTP caching, and refocus on . Remix React Router web fundamentals It’s early days — Remix isn’t due to officially launch until next year — and we’re unlikely to ever approach the cohesive vision that an all-in-one tool such as enjoys. Nevertheless, it’s refreshing to see developments in what has long been a stagnant space. Ember We get a glimpse at container queries The desire for container queries has reached fever pitch. With Google finally announcing their , 2021 might be the year we get our first look at them. intent to prototype In the meantime, the increased adoption of combined with APIs such as CSS’s min/max/clamp and JavasScript’s ResiveObserver provide ever better methods of ‘faking it’. These kind of implementations have gotten increasingly (maybe even dangerously?) elaborate over the last few months, and it’s hard to imagine that this trend will stop next year. intrinsic web design I’m hopeful we’ll see more smart ways of approaching container-first design, such as Mathias’s and Heydon’s . Raven Watched Box WASM explodes The adoption of (WASM) has been slow, in no small part due to its positioning as a specialist tool (‘you’ll know if you need it’). However, in 2021 we’re likely to see that mindset shift. WebAssembly With the role of the front-end developer the domain of ‘full-stack’, we’re starting to see more engineers embrace lower-level systems languages such as , which is currently enjoying an unparalleled boom in , despite the initial uncertainty following the Mozilla layoffs. creeping towards Rust interest As a consequence, we’re seeing WASM-based solutions such as and enter the front-end framework wars. Benefiting from the performance and that Rust provides, it’s likely that 2021 will be the year we start to see a massive boom in production WASM. Yew Seed.rs safety We’re a long way off from any of these taking the spotlight away from the big players, but I’m confident adoption will spike in 2021. The monolith makes a come back The industry’s love of distributed services and carefully partitioned responsibilities continues, having evolved past the back-end ( ) and hit its unfortunate peak in 2019 with the introduction of (equally maligned and loved) micro-frontends. The UNIX-philosophy approach to architecture continues to rein — at least in the domain of tech reports and Medium articles. micro-services Over the last few years, the widespread use of micro-services has necessitated patterns such as (BFF), which introduces an intermediary between each client and the APIs which service it. Backend For Frontend - The BFF acts as the ‘glue’ that is the client’s single point of contact. This allows for it to be tightly coupled (and very well suited) to the client it services. This is particularly relevant in 2021 given the current interest in the , which, at its most complex, of its service . The answer to ‘how do I federate my APIs’ will be, amusingly: build one. JAMStack suffers under the weight dependencies We’re sure to see the adoption of the BFF technique increase in 2021, but — with a little luck, we might also see the gradual return to the monolith — or at least a slow retreat in the form of larger ‘ ‘ or compromises such as the . macro-services citadel No doubt Basecamp’s DHH, the most of the ‘majestic’ monolith (who recently launched yet another proudly traditional web-app, ) will be leading the charge. vocal proponent Hey In summary Interestingly, the biggest developments in the front-end are unlikely to be traditionally concerns. Back in our forecast, we noted that the role of the front-end developer was increasingly shifting towards ‘full-stack’, and this has borne out to be true. Even the evolution of our frameworks and tools suggests this, with an increased focus on data-fetching, concurrency, security and scalability. front-end 2019 There is a natural meeting point occurring, where engineers are faced with increasingly ‘back-end’ problems while tooling and services are becoming sophisticated enough to lower the barrier to entry. It’s a perfect storm, and I expect to see it continue throughout 2021. Previously published at https://www.browserlondon.com/blog/2021/01/04/front-end-predictions-2021/

Apple

Basecamp

Coalesce

Glue

Google

Mozilla

Should You Ever Build an App on Someone Else’s Platform? 

The Issues with JAMStack: You Might Want To Get a Backend

View our award-winning work and job openings

Take a peek at our other articles (and job openings) right here!

Too Long; Didn't Read

Make resilience your competitive advantage

Predicting The State of Front End Development: 2021 Edition

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Solving a Curved Programming Challenge with SVG Gradients

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

Solving a Curved Programming Challenge with SVG Gradients

10 Resources That’ll Make You Better At Dashboard Creation

10+ Ridiculously Cool Admin Themes And Templates

10 Reasons Why Front End Development Is a Great Career Choice

10 Reasons To Use TailwindCSS In Your Next Project

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps