Views on Vue

Panel: Charles Max WoodChris FritzErik HanchettDivya Sasidharan Special Guests: Hassan Djirdeh In this episode of Views on Vue, the panelists discuss state management with Vue.js with Hassan Djirdeh. Hassan is a front-end engineer developer based out of Toronto, Canada and works for the ecommerce company Shopify as his full-time job. In his free-time he does anything and everything related to Vue and has also recently helped publish a book called Fullstack Vue. They talk about Vue CLI 3.0, state management patterns, his talk The Importance of State Management in Vue, and more! In particular, we dive pretty deep on: Hassan introVueRecently started using the Vue CLI 3.0How is Vue CLI 3.0 different from 2.0?More obvious to understand what people need for their applicationVuex and Vue RouterGreat way to get things startedWhat if you’re using a configuration from Vue CLI 2.0?Webpack or BrowserifyMaking things easier and better for new Vue developersFurther configuring your projectsHave you found anything you haven’t been able to configure with Vue CLI 3?Git integrationVuex ModulesLintingCan you create your own templates with the CLI?How much should the CLI tool walk the developer through the process?Integrating ESLint into a projectRuntime errorsPre-commit hookThe Importance of State Management in Vue – Hassan’s TalkAnd much, much more! Links: ShopifyFullstack VueVue CLI 3.0VueVuexVue RouterWebpackBrowserifyVuex ModulesThe Importance of State Management in Vue – Hassan’s TalkESLintHassan’s MediumHassan’s GitHub@djirdehhhassandjirdeh.com Sponsors: Kendo UIFreshBooks Picks: Charles GDPRSolo Movie  Chris Sarah Drasner Repo - loldashJean-Claude Van JohnsonDarkPrimer Erik Wallabyjs.com Divya Gatsby.jsSmooshGate blog Hassan Avengers: Infinity WarLambda SchoolSpecial Guest: Hassan Djirdeh. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Ori Zohar and Gopinath Chigakkagari In this episode, the Views on Vue panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more! In particular, we dive pretty deep on: Ori and Gopi introVSTS – Visual Studio Team ServicesVSTS gives developers the ability to be productiveDeveloper productivityWhat’s the first big step people should be taking if they’re getting into DevOps?The definition of DevOpsThe people and the processes as the most important pieceDevOps as the best practicesAutomating processesWhat people do when things go wrong is what really countsLetting the system take care of the problemsHave the developers work on what they are actually getting paid forTrend of embracing DevOpsShifting the production responsibility more onto the developer’sIncentivizing developersPeople don’t account for integrationContinuous integrationTrends on what customers are asking forSafetyDocker containersAnd much, much more! Links: AzureMicrosoft BuildVSTS@orizhrOri’s GitHubGopi’s GitHub@gopinach  Sponsors Kendo UILinodeFreshBooks  Picks: Charles .NET Rocks!Shure SM58 MicrophoneZoom H6  Ori FitbitPacific Northwest Hiking Gopinath Seattle, WASpecial Guests: Gopinath Chigakkagari and Ori Zohar. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris FritzJoe EamesDivya Sasidharan Special Guests: Jen Looper In this episode of Views on Vue, the panelists discuss NativeScript-Vue with Jen Looper. Jen is a developer advocate at Progress and the project that she is most involved in is NativeScript, which allows you to build mobile apps. The subset of NativeScript that she is really passionate about is NativeScript-Vue. They talk about what NativeScript and NativeScript-Vue are, resources to help learn NativeScript, and more! In particular, we dive pretty deep on: Jen introWhat is NativeScript?A way to build mobile apps using JavaScriptSimilar to React NativeCan use Angular, Vue, or no framework at allNativeScript is a more of a run-timeNativeScript as a translatorUnder the hood implementation details78 custom built modulesHow different is the Vue developer experience using NativeScript?NativeScript Playground Visual Studio CodeVS Code snippetsNativeScript SidekickWorking on NativeScript-Vue tutorialsDeveloping a NativeScriptTemplatingDoes NativeScript off the ability to inspect elements as you work through them?Vue DevToolsTesting with NativeScriptNativeScripting.comNativeScriptSnacks.com@VueVixensElocuteAnd much, much more! Links: ProgressNativeScriptNativeScript-VueJavaScriptAngularReact NativeVueNativeScript Playground Visual Studio CodeNativeScript SidekickVue DevToolsNativeScripting.com@VueVixensElocuteJen’s GitHubJenLooper.com@jenlooperVue Vixens Sponsors: Kendo UIDigital OceanFreshBooks Picks: Chris Cooking ShowsStrange names of groups of animals- tweet them to him @chrisvfritz Divya Debugging Modern Web Applications by Mozilla Joe Shazam! MovieGetting domesticated Foxes from Russia for Vue Vixens Jen Bombshell: The Hedy Lamarr Story on PBSVS Code Can Do That? SeriesCat SchoolSpecial Guest: Jen Looper. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max Wood Special Guests: Rachel MacFarlane and Matt Bierner In this episode, the Views on Vue panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon,  and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features. In particular, we dive pretty deep on: Rachel and Matt introMonth to month workflow of Visual Studio CodeVS Code JavaScript, TypeScript, and MarkDown supportWorking on GitHub and within the communityCheck out new features incrementally with insidersCommunity-driven workWhat is coming out in Visual Studio Code?GitHub helps to determine what they work onWorking on Grid ViewImproved settings UIHighlighting unused variables in your codeImprovements with JS DocsDartVisual Studio Extension APIHow do people follow along with the VS Code improvements?Follow along on GitHub and TwitterDownload VS Code InsidersHave a general road map of what the plan is for the yearTechnical debt weekWhat do you wish people knew about VS Code?Favorite extensionsDocker extension and Azure extensionAnd much, much more! Links: Visual Studio CodeJavaScriptTypeScriptDartVS Code GitHub@CodeVS Code InsidersDocker extensionAzure extensionRachel’s GitHubMatt’s GitHubMattBierner.com@mattbierner Sponsors LinodeAngular Boot CampFreshBooks Picks: Charles Orphan BlackAvengers: Infinity WarFishing Rachel GitLens Matt The Bronx WarriorsSpecial Guests: Matt Bierner and Rachel MacFarlane. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris FritzErik HanchettDivya Sasidharan Special Guests: Mitchell Garcia In this episode of Views on Vue, the panelists discuss the article Why You Shouldn’t Use Vue.component with the author Mitchell Garcia. Mitchell runs the blog FrontEndSociety.com, which focuses almost entirely on Vue.js, as well as works for OZRK Labs. They talk about what led him to Vue, what single-file components are and the advantages to them, and his article. They also touch on when you would and would not want to use Vue.component and much more! In particular, we dive pretty deep on: Mitchell introHas been using Vue for about a year professionallyWhat first turned you on to Vue?Loved the single-file components in VueWhat are single-file components?Vue has Webpack loadersAdvantages to single-file componentsOZRK LabsWhat are custom blocks?Loves the modularity of VueWhy You Shouldn’t Use Vue.componentThe importance of scaleThe only time you would want to not use Vue.componentWhen should you use Vue.component?VuetifyMakes sense to use Vue.component when building a libraryThe downside to having everything globally registeredThink of Vue components as objectsAll Vue components have the same structureThe benefits of local registrationDifferent ways to use Vue.componentAnd much, much more! Links: FrontEndSociety.comVue.jsWebpack loadersOZRK LabsWhy You Shouldn’t Use Vue.componentVuetifyTypeScriptVue-promisedMitchell’s GitHub@mmitchellgarcia Sponsors: Kendo UIDigital OceanFreshBooks Picks: Chris Another PeriodVue Vixen PatreonOutside Divya Daniel Rosenwasser at VueConfMy Struggle to Learn React by Brad Frost Erik Habitat for HumanityCatchaFire.org Mitchell Vue-promLeveraging Render Props in Vue by Dillon ChanisSpecial Guest: Mitchell Garcia. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris FritzErik HanchettDivya SasidharanJoe Eames Special Guests: Dan Pastori In this episode of Views on Vue, the panelists discuss re-using VueJS mixins and filtering Google Map data with Dan Pastori. Dan currently is a developer working with VueJS and Laravel development. They talk about what Laravel is, why they would recommend using it in conjunction with Vue, and the role Vue can hold in a Laravel application. They also touch on why Vue became popular in the Laravel community, the direction of Laravel in the future, and much more! In particular, we dive pretty deep on: Framework SummitDan introWhat is Laravel?History of Laravel and Vue working togetherLaracastsWhat would you recommend about Laravel?Laravel documentationLaravel ElixirVery minimal setupVueCasts.comWhat role does Vue have in a Laravel application?What is a single-page application?Building applicationsVue can take over everything or just certain parts depending on what you wantBuilt in Laravel tools to create APIWhy Vue became popular in the Laravel communityVue is straightforward and flexibleChanges comingDirection or Laravel in the futureHybrid single-page applicationsAnd much, much more! Links: Framework SummitVueLaravelLaracastsLaravel documentationLaravel ElixirVueCasts.com@danpastoriDanPastori.comDan’s GitHubDan’s Medium Picks: Chris Pebble 2 WatchCodenamesVue Contributor Days Divya Oil Painting using HTML and CSSVideo: Designing Tools for CSS Grid and Variable fonts Erik The Complete Software Developer's Career Guide by John SonmezCrushing It! by Gary Vaynerchuk Joe Casio Outdoor Smart WatchBarking Up the Wrong Tree by Eric Barker Dan The Subtle Art of Not Giving a F*ck by Mark MansonTribe of Mentors by Timothy FerrissSpecial Guest: Dan Pastori. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Chris FritzErik HanchettDivya SasidharanBrett NelsonJoe Eames Special Guests: Roman Kuba In this episode of Views on Vue, the panelists discuss Vue testing with Roman Kuba. Roman is currently the senior software engineer at Codeship, where he pushes front-end development forward. He talks about his experience switching Cosdehip over to using Vue from Angular, how he completed this task and the pros to using Vue. The panel also touches on the importance of reading the source code and much more! In particular, we dive pretty deep on: Brett introRoman introVueUsing Vue in the front-end at CodeshipAngularTransition from Angular to VueHow did you do the transition?CoffeeScriptDid you find there were differences in how Vue integrated?Why did you choose Vue?Vue is nice to progress intoDocumentation was really well writtenGot a lot of great feedback from back-end engineersDid you have any concerns of its long-term viability?Read through a lot of the Vue source codeHad template written in SlimBabble and TypeScriptVue is a progressive frameworkTime reading the source codeJavaScriptWould you recommend using the source code to other developers?What was your approach to reading the source code?And much, much more! Links: WIPdeveloper.comCodeshipVueAngularCoffeeScriptSlimBabbleTypeScriptJavaScript@CodebryoRoman’s GitHub Picks: Chris We Have Concerns PodcastThe Anthropocene Reviewed PodcastThe Obelisk Gate by N. K. Jemisin Divya Thorsten’s post on a Vue implementation of React’s context APIVue Test Utils@Akryum Erik Testing Vue.js Applications by Edd YerburghVue.js in Action by Erik Hanchett Joe Seven Languages in Seven Weeks by Bruce Tate Brett Flashforge Find 3D printerLast Shot (Star Wars) by Daniel José Older Roman Technology vs. Humanity by Gerd LeonhardVue.js course to come on Packt PublishingSpecial Guest: Roman Kuba. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya SasidharanChris Fritz Special Guests: Eduardo San Martin Morote In this episode of Views on Vue, the panelists discuss “Vue Libraries, Open Source, Meetups” with Eduardo San Martin Morote. Eduardo is a freelance developer, a core team member of Vue.js, and loves contributing to open source. They talk about his many different open source component libraries, such as Vue-Coerce-Props and Vue-promised. They also touch on the use of templates versus using render functions and the difference between libraries and apps. In particular, we dive pretty deep on: Eduardo introWhat’s the story behind the username “posva”?Distributing component librariesVue-mdlWhat is a component library?What does mdl stand for?Libraries with buttons, modules, checkboxes, etc.VuetifyWhat other kind of community projects have you been working on?Vue-Coerce-PropsWhat is coerce?Vue-promisedWhere is a situation where you would use Vue-promised?How did you come about to want to create Vue-promised?JavaScriptHe doesn’t use a template, he just uses render functionsJestBuilding components to build other libraries of componentsWhat are advantages to using templates over render functions?When building applications, he always uses templatesWhat’s the difference between libraries and apps?And much, much more! Links: Vue.jsVue-mdlVuetifyVue-Coerce-PropsVue-promisedJavaScriptJestEduardo’s GitHub@posva Picks: Chris The Witcher 3Cyberpunk 2077Gone HomeBrothersThe Stanley Parable Divya Vue Conf TalksVue-jestLa Casa de Papel TV Show Eduardo TypingDo freelancingLegend of ZeldaXbox 360 ControllerSpecial Guest: Eduardo San Martin Morote. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Charles Max WoodErik HanchettDivya SasidharanChris FritzJoe Eames Special Guests: Filipa Lacerda In this episode of Views on Vue, the panelists discuss building modal component with Filipa Lacerda. Filipa is a senior frontend engineer at GitLab and works with Vue daily. She wrote an article recently on creating reusable components that you can use multiple times in your application without having to rewrite your code. She stresses the fact that components should be simple and not too complex, that way they can be more accessible and reusable in the future. In particular, we dive pretty deep on: Divya introFilipa introVue and GitLabWhat makes a component reusable?Main focusWhat do you see that people do wrong in components?Makes your reusable components as simple as possibleAccessible componentsPlanning componentsSteps to writing reusable componentsTestingAre there types of accessibility that aren’t handles by area?SeizuresRachel Nabors VueConf TalkHow do you refine this for reusability and accessibility?Focus on the code itselfHow do you know if the component is too complex?GitLab style guideThe need to be on the same page with codeDo you have any tips how to discuss style?And much, much more! Links: GitLabVueFilipa articleRachel Nabors VueConf Talk@FilipaLacerdaFilipa’s GitHubFramework SummitFilipa’s Alligator ProfileFilipa’s GitLab Picks: Charles Stimulus FrameworkEthereumBlock ChainUdemy Blockchain Course Erik DeceptionRoseanne Joe Exploring Zero Configuration With Vue by Andrew Thauer7 Secret Patterns Vue Consultants Don’t Want You to Know talk by Chris Fritz Chris The Fifth Season by N K JemisinFlash Forward PodcastVue CLI 3 UI Divya Proxy ArticleThe Three-Body Problem Book Series by Cixin LiuReact 16.3 Filipa Remote Work PodcastSpecial Guest: Filipa Lacerda. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Panel: Divya SasidharanChris Fritz Special Guests: Nick Basile In this episode of Views on Vue, the panelists discuss getting started with TDD on Vue.js with Nick Basile. Nick defines what TDD and unit tests are and how you can use them to make your code better in the long run. They also discuss when using TDD wouldn’t be helpful and the importance of trial and error when it comes to tests. Nick then gives different resources newcomers to Jest can go to so that they can learn more and discusses Vue Test Utils. In particular, we dive pretty deep on: What does your setup look like?Vue.jsJestHave you used other tools other than Jest?MochaWhat attracted you to Jest?Define TDD and unit testsWhat are examples of not helpful uses for TDD and unit tests?How to know when a test is being to be too specificTrial and error is very important when it comes to writing testsTry to stay away from really specific testsAsking questions when writing testsHow likely is this going to break and change over time?Write tests as a way to self-document your own codeWrite tests for your future selfVue Test UtilsResources for people getting into JestTesting Vue course Jest documentationWhat is Vue Test Utils?Have you worked with headless browsers?When wouldn’t you want to do TDD?And much, much more! Links: Vue.jsJestMochaVue Test UtilsTesting Vue courseJest documentationVue Enterprise BoilerplateNick’s GitHubNick-Basile.com@NickJBasile Picks: Chris Bobiverse Book SeriesMarble Olympics Divya Sarah Drasner PostRick Bayless's Mexican Granola Mix Nick Refactoring UIToast of LondonVue Fundamentals course coming soon on VueSchoolSpecial Guest: Nick Basile. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy