Enjoy the Vue

[00:01:08] Evan tells us what’s the deal with Vite.

[00:08:01] Evan explains Hot Module Replacement from a practical standpoint. He tells us there are a few different ways to handle it.

[00:10:08] Tessa mentions reading a piece Evan wrote in Increment Magazine about the way Vue 3 re-renders things. She was wondering if working through those problems is what inspired Vite and Vite Press or if he just makes new projects like those every couple of years.

[00:15:47] Evan tells us how he made the decision to go with Rollup putting together Vite, and what that was like versus Webpack. Also, Ben wants to know if there would be a path forward where developers could use Vite in their development experience?

[00:21:43] React and Preact are discussed here by Evan.

[00:25:10] Tessa wants to know if there are any features that Evan wishes Vite had right now but doesn’t yet, and he explains a few.

[00:27:06] Tessa asks Evan, thinking about the first user experience, when people go to Vue docs and they have you import the script file and you make your first component in line JavaScript, do you think that might be replaced by spinning up the Vite app in the future?

[00:31:05] Ben asks Evan since he currently uses VuePress and loves it, does he have any ideas, roadmap wise, whether you see it as the replacement as a VuePress 2.0 or would they live side by side?

[00:40:43] Evan talks more about the process of idea generation and how he creates new things. Tessa has an amazing metaphor at the end, according to Ari ☺

Sponsor:

Picks of the week:

Resources mentioned:

Special Guest: Evan You.

Support Enjoy the Vue

[00:00:47] The live questions have started on Slack Chat, and the first question asked is what are your impressions of Vite and Vite Press?

[00:01:49] Since Nuxt and the content module is stable, what kind of markdown editor do you suggest?

[00:02:37] Speaking of projects, what projects do you think are best for Gridsome and what’s the most interactive type of site you might make with Gridsome?

[00:03:46] It’s question three, so time for a promised Batman voice reveal☺. For a progressive web app, where PWA, that would be largely used on a phone, how would you make the decision between making a Vue app versus a Nuxt app? Batman answers!

[00:04:45] What’s your take on Vite and will it be the future where build time will be much lower?

[00:05:41] Have any of you guys used GraphQL with Vue projects and what did you think of it?

[00:08:55] Ben talks about composing requests.

[00:11:56] What’s it like being on the Vuejs core team, what are the team’s workflows like, and how often does the team meet?

[00:14:33] When writing software what is the best way to identify the design pattern that works best for your application and how do you go about coming up with the best way to structure the project?

[00:25:52] For what kinds of projects would you suggest using Typescript? Is it only for big projects or can you also use it for smaller projects?

Sponsor:

Picks of the week:

Resources mentioned:

Support Enjoy the Vue

[00:01:23] We start off by talking about everyone’s general podcast experiences and what kind of podcasts everyone was listening to before they were on their own podcast. Also, what inspired them to create their own podcasts and what were their goals?

[00:15:59] The panelists talk about how the podcast has evolved over the years, episodes, months, or iterations.

[00:24:14] Tessa asks the panelists if they listen to podcasts differently now that they’re on one pretty much every week?

[00:29:59] Ringo and Matt talk about how their podcasts listening habits have changed since they listen to a lot of podcasts.

[00:32:30] The panelists share what their challenges have been in making the podcast.

[00:36:51] The panelists give their pro tips if somebody wants to start their own podcast.

Sponsor:

Picks:

Resources mentioned:

Sponsored By:

• Segment: Segment is a customer data platform that makes good data accessible for all teams.

Support Enjoy the Vue

[00:01:28] David explains about XState and the concept of State machines.

[00:02:42] In a lot of his talks, David references a paper from 1987, so Tessa wonders how David got into State machines and Statecharts.

[00:06:01] Sarah ask David how does it feel to be at the root of this pattern rediscovery in the front-end world and how do you feel about seeing those tried and true patterns slowly emerging front end?

[00:08:44] Ari asks David to give an example of a common scenario that we probably have all dealt with where a state machine might be better than Boolean state management?

[00:14:12] Tessa wonders how does David recommend somebody goes from, I don’t know what a state machine is to oh, here’s how I can start using them today?

[00:14:28] Sarah mentions about David having a visualizer on the XState website. She wonders if he’s considered pushing it into something that could maybe be a tool and has he considered building something like that to help with collaborative work?

[00:16:44] David talks about testing, especially end to end testing, and how tedious it is.

[00:18:33] Tessa is curious if David ever tries to represent piano playing with state machine? Piano was his major in college!

[00:21:50] Sarah wonders what were David’s big turning points, the big realizations that he made as a library author, since he’s at the fourth major version in three years of XState now. She also asks him when he decided to port XState to Vue, did he encounter major challenges or different challenges that were imported into react?

[00:29:35] Ari talks about having to address this past week, an ongoing problem caused by use of a Boolean state. Sarah asks David what are some of the most creative applications that he’s seen of XState?

[00:33:30] Tessa is curious to hear more about how the state machines work with scoping of events?

[00:36:55] David talks about moving from Vuex to XState.

[00:42:46} David explains why he would like to see more examples of people using state machines in creative ways.

[00:45:27] Tessa wonders if David has any thoughts or has he seen any interesting examples on state machines, potentially opening up a lot more interesting avenues to create dynamic or intuitive or accessible user interfaces?

Picks of the week:

Sponsor:

Resources mentioned:

Special Guests: David Khourshid and Sarah Dayan.

Support Enjoy the Vue

[00:00:52] Tessa tells us how she got into development. She has an incredible story that started with her seeing a Facebook ad that she thought was a scam, but was it?

[00:5:47] Ben is curious to know Tessa’s experience during the coding bootcamp and how it was being in a women’s only coding bootcamp. Ari tells us about her experience at her co-ed coding bootcamp.

[00:10:38] Tessa talks about how she got involved with Vue and her first experience using Vue.

[00:16:01] Tessa tells us what is on her plate with projects.

Picks of the week:

Sponsor:

Resources mentioned:

Support Enjoy the Vue

[00:01:22] The panelists each tell us what a Reusable Component is.

[00:6:20] Chris puts an open-ended question out there to the panelists as to when are props good and when are they bad? When have you regretted using props for what kinds of use cases and when are they appropriate? Ari and Tessa both share stories.

[00:08:05] When are props useful and when would you want to use a prop over a slot? The panelists all discuss.

[00:19:04] Chris talks about creating a map, map components, map markers component, map layer component, and provide and inject. There was a good talk on the topic of provide and inject using the map example at ConnectTech 2019.

[00:21:31] Chris talks about an example using icon components.

[00:26:05] Chris goes into “buttons” for forms, such as a submit button, search button, and inline buttons and Tessa shares some issues with generic components.

[00:29:51] Chris asks the panelists if they’ve used “Mixins?” They have a discussion about it with “mixed” reviews.

[00:38:50] As a member and representative of the Vue team, Ben tells us some things people should know about the Composition API since Vue 3 has not come out yet.

Picks of the week:

Sponsor:

Panelists:

Links:

Support Enjoy the Vue

[00:00:49] Debbie tells us what her first framework was and if it wasn’t in Vue, how she got into the Vue ecosystem.

[00:1:20] Debbie fills us in about Nuxt. She also explains automatic wrap creation and what it does for someone who’s never done Nuxt and how is it different than normal Vue applications.

[00:02:55] Ari asks Debbie if there are any situations where you would need to somehow hijack the route guards, or does it just handle all that for you? Tessa says the routing feature of Nuxt reminds her of Rails and asks Debbie if that is a popular combination to have Rails and Nuxt, and if so, does it make it a little bit more challenging to get the automatic routing working?

[00:04:45] Ben wonders if Debbie’s had any experience with Headless CMS?

[00:08:02] Debbie has an exciting announcement about Markdown in Nuxt which she has been working and it will be released very soon. The panel is EXCITED ☺!

[00:10:20] Tessa asks Debbie if she could go into cases where she thinks Nuxt would not be a good fit for a project. She’s read about when you want to use Nuxt, but curious about when you really don’t need Nuxt.

[00:14:49] Tessa wants Debbie to expand on the idea of not having to pay for hosting because it’s static.

[00:17:17] Ben goes into WordPress and says he felt that some of the blog posts made it sound really easy to set up WordPress Headless CMS and he asks Debbie if she found it simple. Debbie has a funny reply that makes everyone laugh ☺

[00:22:05] Ben is curious to find out about all these talks Debbie is mentioning. Also, what is she doing since all these conferences have been canceled all over the world?

[00:35:17] Tessa makes a good point and says one thing she feels that’s missing from these online experiences is atmospheric sounds, like if everyone has their mic on and it’s the same analogous situation and you can hear too much at once. It’s been a very odd adjustment for her, and she wonders if it’s been the same for everyone.

[00:37:52] Debbie tells us what she’s currently working on and what can people look forward to in the next ecosystem.

[00:42:33] Debbie mentions “Dev Around the Sun” which takes place May 12th, and it’s 24 hours of online talks from all different countries and different timelines, to raise money for people affected by COVID-19, and she is speaking at it.

Picks of the week:

Sponsor:

Panelists:

Guest:

Links:

Support Enjoy the Vue

[00:01:00] Jack fills us in on what his first front-end framework was and how he got into the Vue community.

[00:2:48] Jack tells us the reasons why Vue was the best choice and Ben chimes in as well to tell us.

[00:06:20] Tessa wonders with a team that is so design heavy, did Jack find the designers were also empowered to make changes if everything looked more like HTML and CSS if they had a JSX file.

[00:07:35] Chris wonders since Jack seems to like Typescript as well, how has his journey been and what were the reasons that he brought TypeScript into Vue. Also, did he do it right from the start or at some point afterwards, and he explains.

[00:12:53] Tessa asks Jack if it was always a question of TypeScript vs no TypeScript or did anybody want to test something else like Flow?

[00:14:24] There are some advantages to the JavaScript application, particularly in Vuex. He explains the “non-sunshine and roses” parts of using TypeScript.

[00:18:42] Speaking of documentation, Jack explains if he’s found when using TypeScript with Vue it has affected onboarding, whether to make it more complex or more structured for people who are new to play.

[00:21:55] For the downsides of using JavaScript, Jack and Ben explain if they see any of those getting better with Vue3 or the next version of Vuex.

[00:27:34] Tessa wonders how does Jack think the transition will go from Vue2 to Vue3, especially if TypeScript is kind of implemented and he is intrigued about it.

[00:29:41] Tessa wonders if there are any kinds of tools that are good to work with TypeScript.

Picks of the week:

Resources mentioned

Sponsor:

Special Guest: Jack Koppa.

Support Enjoy the Vue

[00:01:27] Ben jumps in right away and asks Amir when it comes to front end frameworks what was his first one and how did he come to join the Vue community?

[00:03:46] Amir talks about how he’s heading up developer experience. He announces Ben is on the team now! YAY BEN! ☺

[00:05:07] Tessa wonders when Amir is going around to solve problems, does he find that a lot of teams have very different ways of looking at Cypress usage or end to end testing, and if so, how does he resolve that or try to work on this kind of experience that works for everyone?

[00:06:47] Chris and Amir explain what end to end testing is.

[00:13:23] Ben explains what end to end testing means to him and Chris talks about the two things that you need to test in your application.

[00:21:54] Amir talks about something he’s been advocating for recently that has to do with testing and developing apps, so listen here find out. He also explains “introspection.”

[00:26:30] A great question is asked by Ari who wants to know what are some of the barriers to entry that people find that is making it so they’re not doing this and how can you address those issues? Amir responds.

[00:29:04] Tessa asks Amir if he’s speaking to a team that has a setup already, where would he have them start or how would he convince them to adopt a different testing?

[00:38:31] Amir talks about what Cypress released in the recent version of Cypress 4.3 and 4.4, which is better error reporting that is significantly better. There are also some new improvements on the way as well.

Picks of the week:

Resources mentioned

Sponsor:

Special Guest: Amir Rustamzadeh.

Support Enjoy the Vue

[00:01:00] Ari jumps in right away asking Oscar how he got into doing compilers. He mentions the programming language him and his buddy created called, “Grain.”

[00:02:03] Oscar works at Tidelift so he explains what kind of interesting work they do with the Open Source Community.

[00:04:21] At VueConf, Oscar gave an awesome talk about Vue Backend, which he talks about more in depth here.

[00:6:48] Tessa and Ari ask Oscar how he came up the idea with doing a lot of wild things with the API EAR and about building a backend in it.

[00:11:47] Tessa wants to know how Oscar came up with his example and what was his inspiration for integrating all of it with on trends, and millennial Twitter talk, into his presentation.

[00:17:43] As an attendee of the VueConf, Oscar talks about what talks made an impact on him and if he got any ideas that he would incorporate into the Backend Vue project.

[00:19:58] Ben is curious what brought Oscar into the Vue community framework and he explains here.

[00:22:30] Tessa asks Oscar to expand a little bit more in how he sees the React Mental Model and the Vue Mental Model and what that transition was like from one to the other.

[00:27:09] What new feature is Oscar most excited for in Vue 3? Listen here.

[00:30:14] Tessa asks Oscar the weirdest thing he’s had to fix in a Vue Project. What did he say?

[00:36:38] Talking about PR’s, Ben and Oscar have some great advice. Bottom line is we are all here to help one another and never feel like anyone does not want your contributions. It’s always a learning opportunity.

Picks of the week:

Resources mentioned

Sponsor:

Special Guest: Oscar Spencer.

Support Enjoy the Vue