JAVASCRIPT IS COMING TO EAT YOU Citizen Tim Electric Citizen | June - - PowerPoint PPT Presentation

▶
javascript is coming to eat you
SMART_READER_LITE
LIVE PREVIEW

JAVASCRIPT IS COMING TO EAT YOU Citizen Tim Electric Citizen | June - - PowerPoint PPT Presentation

Oct 12, 2022 229 likes •756 views

JAVASCRIPT IS COMING TO EAT YOU Citizen Tim Electric Citizen | June 2019 JAVASCRIPT IS COMING TO EAT YOU Citizen Tim Electric Citizen | June 2019 HOW WHO How do I start? Does this affect me? WHEN WHAT Now? What is it?? WHERE WHY W51H

slide-1
SLIDE 1

Citizen Tim Electric Citizen | June 2019

JAVASCRIPT IS COMING TO EAT YOU

slide-2
SLIDE 2

Citizen Tim Electric Citizen | June 2019

JAVASCRIPT IS COMING TO EAT YOU

slide-3
SLIDE 3

Does this affect me? WHO Now? WHEN What’s the point? WHY What kinds of sites? WHERE What is it?? WHAT How do I start? HOW

W51H

slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6
slide-7
SLIDE 7

Most of us are living in 2014.

And it is not a bad place to be.

slide-8
SLIDE 8
slide-9
SLIDE 9
  • We enjoy a billion dollar global marketplace.
  • Innovation continues at great speed.
  • Drupal or WordPress are still the obvious

choices for MOST websites.

  • None of this will suddenly disappear.
slide-10
SLIDE 10
slide-11
SLIDE 11

REACT & ANGULAR | 2004 to present

slide-12
SLIDE 12

HEADLESS CMS | 2004 to present

slide-13
SLIDE 13

PROGRESSIVE WEB APP | 2004 to present

slide-14
SLIDE 14

SERVERLESS | 2004 to present

slide-15
SLIDE 15

CMS | 2004 to present

slide-16
SLIDE 16

DRUPAL & WORDPRESS | 2004 to present

slide-17
SLIDE 17

“We would prefer Python, Ruby, and/or Javascript based applications. Also something like SOLR that can handle searching large data sets. We would steer clear of Drupal.”

slide-18
SLIDE 18

REASON ONE Our tools and techniques WORK and they keep getting better. 2014

slide-19
SLIDE 19

REASON TWO This new stuff is COMPLICATED, and super hard to do correctly. 2014

slide-20
SLIDE 20

REASON THREE We LOSE 80% of Drupal or WordPress goodness. 2014

slide-21
SLIDE 21

REASON FOUR This stuff is EXPENSIVE (and clients can barely afford Pantheon.) 2014

slide-22
SLIDE 22

These are all perfectly valid, reasonable, and REAL reasons.

slide-23
SLIDE 23

And yet.

slide-24
SLIDE 24

OPTION A Stay the course. OPTION B Adapt.

slide-25
SLIDE 25

Everybody. WHO Now? WHEN What’s the point? WHY What kinds of sites? WHERE What is it all about? WHAT How do I start? HOW

W51H

slide-26
SLIDE 26

MONOLITHIC CMS vs

MANAGED SERVICES

MODULAR SYSTEMS

MICROSERVICES

CONTENT MESH

slide-27
SLIDE 27
slide-28
SLIDE 28

Static files Markdown Custom APIs SaaS APIs Custom DBs Mongo/SQLite JSON XML/CSV

slide-29
SLIDE 29

React, Angular, Vue Data Sources SSR/CSR hybrid Static build Express, Koa, Redux, Babel, Webpack, etc

Node.js NPM

JavaScript TypeScript ECMAScript/ES CaaS Drupal/WordPress Managed Services (APIs) XML/JSON/CSV Microservices

DB DB DB NODE SERVER SERVER SERVER SERVER

slide-30
SLIDE 30

Lots of people. Young people! WHO Do I have to? WHEN What’s the point? WHY Everywhere? WHERE Managed Services APIs/JavaScript WHAT How do I start? HOW

W51H

slide-31
SLIDE 31

MONOLITH NODE

  • Data agostic
  • Right tool for right job

2

FLEXIBILITY

  • Faster UX
  • Better UX

3

USER EXPERIENCE

  • One stack rules all
  • NPM/Hot reload/Components

4

DEVELOPER EXPERIENCE

  • Development/Support
  • Infrastructure

5

COST

  • Code splitting, critical rendering
  • SSR/Static Rendering

1

SPEED

WHY??

slide-32
SLIDE 32

Lots of people. Young people! WHO Do I have to? WHEN Better, smarter, faster. WHY Everywhere? WHERE Managed Services APIs/JavaScript WHAT How do I start? HOW

W51H

slide-33
SLIDE 33

Vestibulum congue tempus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Vestibulum congue tempus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Vestibulum congue tempus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Vestibulum congue tempus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. Ipsum dolor sit amet elit, sed do eiusmod tempor.

WEBSITES

Simple websites Average websites Complex websites

WEB APPS

Facebook, Airbnb, Instagram, Netflix, Countless others

MOBILE APPS

Instagram/FB Bloomberg Walmart etc.

All websites are applications. All applications are websites.

WHERE?

Don’t forget the Internet of Things!

slide-34
SLIDE 34

Lots of people. Young people! WHO Do I have to? WHEN Better, smarter, faster. WHY Everywhere. WHERE Managed Services APIs/JavaScript WHAT How do I start? HOW

W51H

slide-35
SLIDE 35

WHEN?

slide-36
SLIDE 36
slide-37
SLIDE 37

Lots of people. Young people! WHO Now. WHEN Better, smarter, faster. WHY Everywhere. WHERE Managed Services APIs/JavaScript WHAT How do I start? HOW

W51H

slide-38
SLIDE 38

https:/ /tinyurl.com/tcdc2019

Resources and Reading

slide-39
SLIDE 39

GLITCH

slide-40
SLIDE 40

Go!

https:/ /glitch.com/~hello-gatsby https:/ /codesandbox.io/s/new https:/ /www.sanity.io/create

slide-41
SLIDE 41
slide-42
SLIDE 42

/jsonapi

slide-43
SLIDE 43
slide-44
SLIDE 44

DRUPAL BACKEND

HOSTING

MAINTENANCE SUPPORT SECURITY

Low Cost Low Power Inexpensive * Behind HTTP Powered down? Scheduled Low impact Different?

slide-45
SLIDE 45
slide-46
SLIDE 46
slide-47
SLIDE 47

Meet Gatsby!

slide-48
SLIDE 48
slide-49
SLIDE 49

“I would never build anything in React without choosing Next or Gatsby.”

Wes Bos, Feb. 2019

slide-50
SLIDE 50
slide-51
SLIDE 51
slide-52
SLIDE 52

Citizen Tim Electric Citizen | June 2019

JAVASCRIPT IS COMING TO EAT YOU