Web Rush

episode: 250
title: Lessons from Building with Vue 3
guest: Alexander Lichter
hosts: John Papa, Ward Bell

Recording date: Aug 24, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alexander Lichter @TheAlexLichter

• AG Grid

• IdeaBlade

• Alex’s GitHub
• Alex’s LinkedIn
• Alex’s (old but hopefully soon new) website
• Last episode with Alex about Nuxt.js
• DI in Vue.js
• Vue Vine
• Results
• Composition API vs Options API in Vue 3
• COBOL program structure and divisions
• TypeScript and Vue
• TypeScript with Vue Options API
• Vue 3 Options API vs Composition API
• Vue 3 Setup function
• The 101 Guide to Script Setup in Vue 3
• Internationalization - i18n - in Vue 3
• Reactivity in Vue 3 with ref and reactive
• VueUse
• Ref vs Reactive in Vue 3
• SFC Playground for Vue

• 00:28 Welcome
• 02:16 Welcome Alexander
• 03:07 What is the compositions API vs options API?
• 09:37 Sponsor: Ag Grid
• 10:46 Giving the developer more control over the code
• 13:36 Talking about reusability vs components
• 19:23 What Dependancy Injection is like in Vue?
• 29:19 When should I use href and reactive?
• 42:00 Sponsor: IdeaBlade
• 42:57 Final thoughts
• 46:23 What is Vue vine?

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Episode: 249
Title: Open AI
Topics: Open AI, transformer, Azure Open AI
Hosts: John Papa, Dan Wahlin
Guest: None

Recording date: 2023-08-17

John Papa @John_Papa

Dan Wahlin @DanWahlin

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• Thinking Outside the Box: Taking Your LOB Apps to the Next Level with AI
• Hands-On Tutorial: Integrate OpenAI, Communication, and Organizational Data Features into a Line of Business App
• GitHub Repo for Project Discussed
• The ABCs of AI Transformers, Tokens, and Embeddings: A LEGO Story
• GitHub Copilot
• ngConf Angular event
• Do More using GitHub Copilot, AI, and VS Code by John Papa at ng-conf 2023
• Azure Open AI Service
• What is Azure Open AI
• Learn how to use Azure Open AI
• How can i make a http call to open AI
• OpenAI tokenizer
• Open AI and transformers
• What are embeddings for OpenAI
• How to set the temperature for the model
• LangChain
• What is Semantic Kernel

• 00:28 Welcome
• 01:10 What did you use Open AI for?
• 05:56 Sponsor: Narwhal
• 06:34 Did you use Fetch?
• 08:13 What is a token?
• 13:29 What's a transformer?
• 17:52 How did you get started with Open AI development?
• 22:28 Sponsor: Ag Grid
• 23:25 Was it easy to make the calls through HTTP?
• 26:08 What's a semantic kernel?
• 30:13 Getting back to the why of Open AI?

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: Aug 10, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Alexander Lichter @TheAlexLichter

• AG Grid
• IdeaBlade

• Web Rush episode 72 - What's Your Vue of Nuxt.js - with Alexander Lichter
• Nuxt.js
• Nuxt.js on GitHub
• Vue
• What Meta frameworks
• TypeScript
• Vite
• Pros and Cons of Nuxt.js
• Next.js compared to Nuxt.js
• Netlify with Nuxt
• Vercel
• Npx to scaffold nuxt apps
• Choosing Nuxt.js or Vue.js (Reddit thread)
• Azure Static Web Apps
• Nuxt and SSR
• PHP
• ASP.NET Web Forms
• Universal rendering with Nuxt 2 on Azure Static Web Apps
• Video: Hybrid Rendering with Nuxt on Azure Static Web Apps
• Learn how to Deploy Nuxt 3 on Azure Static Web Apps
• Nuxt Upgrade Guide
• Nuxt DevTools
• Nuxt DevTools Overview Video
• Start Using Nuxt easily
• Ajax on wikipedia
• Inception Movie from 2010
• Alex’s Twitter
• Alex’s GitHub
• Alex’s LinkedIn
• Alex’s (Old but hopefully soon new) website

• 00:28 Welcome
• 01:44 Introducing Alexander Lichter
• 02:59 What is Nuxt?
• 04:28 How does Nuxt help developers?
• 07:43 What does server side generation give developers?
• 09:28 Sponsor: IdeaBlade
• 10:27 Are we shifting back to server side rendering?
• 15:27 How is it different from using PHP?
• 18:10 Do I use server components or Nuxt clientside components?
• 20:48 What's exciting for you in Nuxt?
• 29:06 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Katerina Skroumpelou @Psybercity

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• Ecosystem CI
• Vite
• Nx
• Nx Ecosystem CI
• Introducing Nx Ecosystem CI
• Storybook Ecosystem CI
• Storybook Status Page

• 00:29 Rushing to understand our name
• 01:05 Who is Katerina Skroumpelou?
• 02:18 Programming in 104C
• 02:53 What is Ecosystem CI?
• 06:00 What is Vite?
• 07:10 Sponsor: Ag Grid
• 08:10 What's an example of how this all works?
• 16:36 Is this platform agnostic?
• 18:53 What's easy and difficult about working with ecosystem CI?
• 24:03 Where do you see ecosystem CI going?
• 30:20 Sponsor: Narwhal
• 30:57 Who would benefit from ecosystem CI tooling?
• 32:12 What's the experience getting started with ecosystem CI?
• 36:55 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Emma Twersky @Twerske

• AG Grid

• IdeaBlade

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• Ionic

• Angular versions and releases
• Mr. Ed
• Angular Control Flow RFC
• Angular Deferred Loading RFC
• Bike Shedding
• RxJS
• Axios HTTP Client

• 00:27 Welcome
• 01:52 Who is Emma Twersky?
• 03:17 What's exciting about Angular?
• 11:00 Sponsor: Ag Grid
• 12:06 How do you listen to the community with a wide range of views?
• 18:55 What is Control Flow?
• 22:52 Sponsor: IdeaBlade
• 23:54 What areas are getting feedback?
• 29:06 What would you love to change about Angular?
• 38:29 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Kate Sky @KateSky8

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• State Management Techniques and Family Therapy (Kate's ng-conf 2022 talk)
• What does work life balance look life for a Software Engineer
• Growth Mindset
• How Learning Has Changed Over the Years
• What's the Right Way to Find a Mentor?

• 00:31 If Ward is on a train going one way...
• 02:02 Introducing Kate Sky
• 04:01 What should people ask themselves before starting in web dev?
• 08:49 Sponsor: Ag Grid
• 09:52 Do web developers still have to work crazy hours?
• 15:29 Where should someone start?
• 17:00 Managing work / life balance
• 19:41 Sponsor: Narwhal
• 20:22 Problem solving as a way of learning
• 24:47 How important are mentors?
• 28:24 When are the various steps of training worth doing?
• 31:30 How should someone find a mentor?
• 34:21 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: 7/13/2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

• AG Grid

• IdeaBlade

• ngConf
• Brandon Roberts’ take on ngConf 2023
• Angular Blog Post on v16
• Signals 1-pager Cheatsheet
• Signals guide
• Handlerbars.js
• Mustache
• The Angular Signals RFC
• React vs. Signals (in SolidJS)
• Sara Drasner sharing the new control flow syntax
• The template syntax RFC (“Built-In Control Flow”)
• Functional programming model in Angular
• Angular Routing Parameters and inputs
• Angular’s ngConf 2023 keynote
• Angular Standalone Components/Pipes/Directives
• Declarative lazy loading syntax
• Deferred loading RFC for Angular
• NgZone documentation

• 00:29 Welcome
• 01:12 ngConf 2023
• 04:54 What's new with Angular?
• 06:55 Sponsor: Ag Grid
• 08:04 What do we think of Signals?
• 18:19 Template syntax in Angular
• 25:10 Sponsor: IdeaBlade
• 26:09 Using AI to write Angular
• 32:01 What else was talked about at the conference?
• 33:17 Ward's gut reaction to signals

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: 07/06/2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Juri Strumpflohner [@Juristr]](https://twitter.com/juristr)

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• Building React apps with Nx and Jack Hsu
• Notepad conf from 2014
• Notepad has tabs
• Juri Strumpflohner on Egghead IO
• Nx from Narwal
• Nx Conf event
• ngConf 2023
• Remix with Nx
• Nx Plugins registry
• How Google Does Monorepo
• Wilhelm Scream recording session found
• Wilhelm Scream recording session found
• When should you go with Nx
• Narwhal seed funding for Nx to take monorepos mainstream
• New York Times: There’s One Hard Question My Fellow Doctors and I Will Need to Answer Soon
• Make Time: How to Focus on What Matters Every Day

• 00:29 Welcome
• 00:55 Notepad update
• 03:02 Introducing Juri
• 05:00 What is Nx?
• 08:26 Sponsor: Ag Grid
• 09:30 What are the problems Nx is solving?
• 14:05 How does Nx help with speed in monorepos?
• 22:40 When is Nx usable on projects?
• 32:42 Sponsor: Narwhal
• 33:17 How do you import existing projects into Nx?
• 35:49 How might Nx integrate AI?

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: June 29, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

• AG Grid

• IdeaBlade

• GitHub Blog
• GitHub Copilot
• GitHub Copilot pricing
• Blog post on ChatGPT and GitHub Copilot
• How GPT models work: accessible to everyone
• rsync script (mostly) generated by ChatGPT
• GitHub Copilot Chat VS Code Extension
• GitHub Copilot privacy policies
• Samsung chatGPT lesson
• GitHub Copilot Pricing Documentation
• Learn GitHub Copilot

• 00:28 Welcome
• 01:05 What's the state of Copilot today?
• 04:45 How often does Copilot hallucinate?
• 06:59 How are you using Copilot?
• 08:26 Sponsor: Ag Grid
• 09:28 Angular example
• 11:28 How is Copilot answering your questions?
• 16:30 Is it getting better?
• 18:32 Can you use it to write unit tests?
• 29:36 Sponsor: IdeaBlade
• 30:34 Does Copilot have more awareness than general ChatGPT?
• 34:49 What is pricing for GitHub Copilot?
• 39:28 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.

Recording date: Jun 22, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Natalia Venditto @anfibiacreativa

• AG Grid

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

• Natalia Venditto’s website
• Server Side Rendering
• Microfront Ends
• 5 Reasons You Should Adopt a Micro Frontend Architecture
• Announcing: Contoso Real Estate JavaScript Composable Application Reference Sample
• Amazon Goes Back to Basics
• Arnold on Netflix

• 00:29 Welcome
• 00:51 Introducing Natalia Venditto
• 01:59 What are composable front ends?
• 04:15 What are we trying to fix by doing this?
• 10:03 Sponsor: Ag Grid
• 11:09 Is it an abstraction layer on top of the APIs?
• 20:38 How do maintain the illusion of local coherence?
• 27:57 Sponsor: Nx
• 28:28 What happens in the browser?
• 37:52 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.