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
NIDC 2022
- 102