react + vue + svelte
teen movie
archetypes
as
react + vue + svelte
teen movie
archetypes
@LetaCodes
Leta Keane
she/her
land
acknowledgment
@LetaCodes
actual teenager leta
actual teenager leta
@LetaCodes
our cast
@LetaCodes
@LetaCodes
React
React
the surprisingly thoughtful captain of the football team
@LetaCodes
- Popular
- Kinda hard to get to know at first
- Takes up a lot of room
- Has its own language
- Works with lots of supporting teammates
- Constantly working on self-improvement
- Popular
- Kinda hard to get to know at first
- Takes up a lot of room
- Has its own language
- Works with lots of supporting teammates
@LetaCodes
component structure & scripts in one file; styles often in another
lots of dependencies
Steep learning curve with JSX & the Virtual DOM
Configurable (flexible)
Well documented
Vue
Vue
The once-overlooked but now appreciated Best Friend who's there when you need them
@LetaCodes
@LetaCodes
- Super friendly
- Hyper organized
- As in ... Vue keeps everything needed for each class period in separate trapper keepers
- Kinda picky about how things are done, but consistent
- Doesn't use weird slang or jargon
- Happy to contribute as much or as little as needed
- Super friendly
- Hyper organized
- As in ... Vue keeps everything needed for each class period in separate trapper keepers
- Kinda picky about how things are done, but consistent
- Doesn't use weird slang or jargon
component structure, scripts, & styles often encapsulated in a single file
easy to add with few dependencies
familiar syntax
conventional (consistent)
Well documented
@LetaCodes
Svelte
Svelte
The intriguing new kid who seems simple but has hidden depths & a kind heart
@LetaCodes
- Kinda weird
- Does a lot of work in their head, & once they've thought things through, they're super quick
- Surprisingly, though, fits right in
- Friendly and easy to get to know
- Listens closely & helps you focus on the important stuff
- Likes to organize things a lot like Vue
- Kinda weird
- Does a lot of work in their head, & once they've thought things through, they're super quick
- Surprisingly, though, fits right in
- Friendly and easy to get to know
- Listens closely & helps you focus on the important stuff
@LetaCodes
component structure, scripts, & styles encapsulated in a single file
simple terminal command to spin up new app
familiar syntax
compiler saves on runtime
new - fad or future??
@LetaCodes
okay.
let's see these characters in action!
@LetaCodes
@LetaCodes
Demos
React
Vue
Svelte
Dispersed component info
Diffs entire component Virtual DOM
Frequent improvements and breaking changes
Large community
Encapsulated component info
Diffs entire component Virtual DOM
Stable improvements made steadily
Growing community
Encapsulated component info
No diffing (compiles into reactive JS)
New; likely to be updates and changes
Growing community
@LetaCodes
that person from the thing
.com
@letaCodes
Leta Keane
thanks!
@letaCodes
Leta Keane
JS frameworks as teen movie stereotypes
By letakeane
