Batteries Might be Included 

Chris Laughlin

WHO AM I? 

Principal UI Engineer @Rapid7

Jack of all trades master of none

Worst hangover I have ever had

Open Source Contributor

Co-Organiser @belfastJS

Freelance Writer

@whoeverLetsMeRamble

Recent Typescript Convert 

Batteries Included?

or

Batteries Not Included?

No Batteries

Batteries

What are you Building?

Brochure

Shop

CMS

Application

Features

  • Dynamic Content

  • User Interaction

  • Pages 

  • Data Source  

👍

Required 

🙅

Not Required 

🤷

Maybe Required 

Brochure

Dynamic Content

User Interaction

Pages 

Data Source  

🙅

🙅

🤷

🙅

Brochure?

Batteries Needed?

Nope!

Although!

CMS

Dynamic Content

User Interaction

Pages 

Data Source  

👍

🤷

👍

🤷

CMS

Batteries Needed?

YIP(Ish)!

Shop

Dynamic Content

User Interaction

Pages 

Data Source  

👍

👍

👍

🤷

Shop

Batteries Needed?

YIP!(ish)

Application

Dynamic Content

User Interaction

Pages 

Data Source  

👍

👍

👍

👍

Application

Batteries Needed?

Oh Hell Yeah! 

So we're thinking about applications?

  • Architecture

  • Routing

  • REST

  • Forms

  • Tables

  • State

  • Styling

  • Testing

VS

VS

Webpack + ReactJS

NextJS

Angular CLI

So.......

Thank You!

Thank You!

Angular CLI

Component Focused 

Router, REST and Forms Built In 

Third Party Tables 

Local State using Classes

Testing focused

StackBliz Examples 

CLI commands for everything 

Create Vue App

View Focused 

Router third party but included

Third Party Forms and Tables 

Third Party state

Testing focused (ViTest)

Vue Playground

SvelteKit

App and Library focused 

Router included

Third Party Forms, Tables and REST 

Local and Global State

Playwite for testing 

Svelte REPL

Vercel Backed 

NextJS

Page/Routing  focused 

Router selling point 

Third Party Forms, Tables and REST 

React local and global state

No testing

Vercel Backed 

NIDC 2022

By Chris Laughlin