Web development best practices in 2021
What the data tells us
JSConf Mexico, 2021-11-30
Who is this guy?
- Currently: Data Evangelist at Netlify
- Previously:
- Co-founder at npm, Inc.
- Co-founder at awe.sm
- Web developer at Yahoo
- Web developer since 1996
What you'll learn from this talk
- The most popular choices for web developers
- "Popular" is not the same as "best"
How do I
know this stuff?
- The Jamstack Community Survey
- 10,000+ survey responses
- 3000+ in 2020
- 7500+ in 2021
- 10,000+ survey responses
- npm downloads data
- Redmonk survey data
- GitHub State of the Octoverse
- Other surveys
Sources of error
- The Jamstack Community Survey
- Probably me being dumb sometimes
Section 1:
Who we are
82% engineers
Increasingly geographically diverse
85% EU/NA
52% EU/NA
Developer
archaeology
85% EU/NA
52% EU/NA
Huge shift
to remote work
40% remote
in devs with > 2 years of experience
What does this all mean?
Section 2:
What we're doing
B2B and Consumer
are almost equally big categories
E-commerce is big
but lead capture by itself is enormous
Internal tools are big
Do we give them resources to match?
Application types
- Fully static
- Partially dynamic
- Fully dynamic
- Single page app
All sites, not just Jamstack sites
Fully static and fully dynamic are almost equally common
Target devices
Are we "mobile first"?
88% of US consumer internet time
is spent on mobile devices
Mobile second
Development priorities
Performance then uptime
So being down is okay if it's fast when it's up
Move fast and break things
is apparently the industry standard
Audience sizes
What affects performance most on a site with only 1000s of users?
Section 3:
How we're doing it
Awareness, Usage and Satisfaction
size = awareness
want to
use more
(happy)
want to
use less
(unhappy)
used more
used less
Year on year changes
happier
sadder
lost users
gained users
Figma leads design
Content Management Systems
Why pay so much attention?
WordPress leads traditional
Contentful leads headless
Webflow leads design-led
WordPress leads overall
CMS conclusions
- Headless CMS is the most popular type
- Contentful is the best bet in headless
- Strapi and Sanity are worth considering
- Webflow is the leader in design-led CMS
JavaScript is universal
Hey look, SQL!
TypeScript is a big deal now
The JavaScript Trap
Developers writing for the web are forced into JavaScript
WebAssembly
aka WASM
Conclusions: languages
- JavaScript is inescapable (for now)
- Learning TypeScript is a good idea
- Especially at a big company
Server-side techniques
Serverless functions: 46%
Frameworks are providing first-class support for functions
Web frameworks
are good, actually
The time before
web frameworks
It was very inefficient.
Frameworks always solve a human problem
and only sometimes a technical one
Frameworks make you go faster
because you can get other people to help
Types of frameworks
- Component libraries
- "Kitchen sink" frameworks
- Static site generators (SSGs)
- Others
React at 67% usage
Gatsby leads SSGs
but for how long?
On web components
Are they finally ready for prime time?
Conclusions: frameworks
No clear winner,
but some solid ideas.
- Want a component library?
- React
- Want a kitchen sink?
- Next.js (or Nuxt/Vite/SvelteKit)
- Want an SSG?
- Gatsby (or maybe 11ty)
React may be the new jQuery
but I mean that in a good way!
jQuery never died
It became part of the browser
Can React transcend?
If it keeps growing, maybe
Phew.
That was a lot of data.
What we build
- B2B and B2C are equally big
- Internal tools are big
- Lead capture is big!
- We aren't mobile-first
- Should we be?
- Totally static and totally dynamic sites are equally common
- We don't care about security or privacy
- And it shows
How we build it
- Strapi and Sanity are the CMSes to watch
- 11ty is the SSG to look out for
- React is becoming bedrock to the web
- Next.js is a clear front-runner in kitchen sink frameworks
- WASM and web components are on the horizon
Enjoy the web
The best way to reach me is Twitter:
@seldo
