Raymond Camden talks about “Vue.JS FusionReactor and Therapy” in this episode of the CF Alive Podcast, with host Michaela Light.

"...There could have been tools to make that a little bit easier to make the scaffolding quicker. It's, but like, it's, you know, it's like when I go anywhere now with my children, right? I don't like casually go anywhere, but my kids are coming. I'm bringing snacks and bringing diaper bag and all that. And I like them being with me. But it's a process. And that's kind of how I felt about Angular. You know, view, you know, view definitely has a process to it has a command line as a scaffolding tool. And you can build big applications. But then, but it also supports simple progressive enhancement..."

Show notes

Vue.JS

Why and what excites you about Vue

Simple progress web apps enhancements - easier than jQuery

Eg progressive search and filtering

Simple to get started with than Angular

Vue has two way binding between your DOM and JS data

jQuery this is manual

Easier with dynamic HTML with tokens that are replaced by JS data by Vue

Compare to Handlebars, mustache, Jade and Pug

Excited about its simplicity and power

Find other Vue logic from other similar sites

CodePen online code edit

Compare to Angular.JS

Angular hard to use on smaller scale use on a single page of an app - it expects to run the whole app

Needs more handholding, conventions

Major Angular update - leaders were not helpful to people upgrading

Even needing to explain the version numbering change

What Vue is especially good for

Apps

Single page enhancement

For micro apps (4 lines) just uses JavaScript

Example of Vue.JS on Plex media server

API Fetch - does  AJAX type calls super easy

Axeos library

Vue Challenges

More documentation for people new to JavaScript apps

What folders can you ignore when starting

Learning

Get started in an hour

Sarah Drasner CSS tricks site

FR first impressions for new CFers

Therapy with his wife dying a year ago

Neutral party listening to all the emotions and experiences

Good for any mental health issues - anxiety and depression

Mentioned in this episode

Progressive Web Apps- CF Alive episode

Why Programming in Node.JS is so powerful- CF Alive episode

John Farrar: Vue- more is less

CodePen

Sarah Drasner CSS tricks Vue articles 

Getting started with FusionReactor

Finding and fixing your slow ColdFusion pages with FusionReactor

Ray’s Wife died blog posts

Building a plex server duration search with Vue.JS

CF Suicide and depression- CF Alive episode

Oh my GAD- CF ALive episode

Listen to the Audio

Bio

Raymond Camden

Raymond Camden works as a Developer Experience engineer for American Express. He works on serverless, JavaScript, web standards, and enterprise cat demos. He is the author of multiple books on web development and has been actively blogging and presenting for almost twenty years. Raymond can be reached at his blog (www.raymondcamden.com), @raymondcamden on Twitter, or via email at [email protected].

Links

Raymond's Blog

Twitter

LinkedIn

GitHub

Interview transcript

Michaela Light 0:00

Hey, welcome back to the podcast. I'm here today with Ray Camden. And we're going to be talking about Vue.JS, FusionReactor and also Therapy. So if you don't know Ray, he is sometimes known as the Jedi Jedi Master. And he was for a long time in the ColdFusion community. He kind of went off in other directions, but now he's playing around with FusionReactor and doing some other cool stuff with Vue.JS. So he works as developer experience engineer for American Express now, and he works on server lyst, JavaScript web standards, enterprise cat demos, that sounds very enterprise cat demos. Yes. And he's also the author of lots of books on web development. And he's got a very prolific Brock blog.