100: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js
Full Stack Radio24 Loka 2018

100: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js

Topics include:

  • The history behind Nuxt.js
  • How Nuxt.js uses special Page components and file-based routing instead of using a traditional router
  • Creating dynamic page-based routes without a custom server
  • How the asyncData lifecycle hook works
  • How server-side rendering works in Nuxt.js
  • How Nuxt.js uses intelligent code-splitting to improve performance
  • How to use the fetch method to dispatch Vuex actions
  • Using the head method to populate head elements on a page
  • How layouts and middleware work
  • Options for generating, serving, and deploying Nuxt applications
  • When and why would someone use Vue CLI instead of Nuxt?

Sponsors:

  • Cloudinary, sign up and get 300,000 images/videos, 10GB of storage and 20GB of monthly bandwidth for free
  • Rollbar, sign up at https://rollbar.com/fullstackradio and install Rollbar in your app to receive a $100 gift card for Open Collective

Links:

Jaksot(153)

89: Sam Selikoff - Choosing Ember.js in 2018

89: Sam Selikoff - Choosing Ember.js in 2018

Topics include:Why has Ember stuck around when other frameworks from the same era haven't?What do you get when you choose Ember that you don't get with other frameworks?How does Ember's UI layer compa...

23 Touko 20181h 2min

88: Blake Newman - Vue.js State Management with Vuex

88: Blake Newman - Vue.js State Management with Vuex

Topics include:What is Vuex and where did it come from?The benefits of centralizing all of your application's state into one placeWhat sort of state belongs in Vuex and what state should stay local to...

10 Touko 201857min

87: Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them)

87: Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them)

Topics include:Why global state is better than an event busWhy and how to avoid using this.$parentCustom events vs. callback propsWhen to use watchers and when you don't need toWhy you should prefer c...

25 Huhti 20181h 10min

86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and Tailwind CSS

86: Jonathan Reinink - Rebuilding a SaaS with Vue.js and Tailwind CSS

Topics include:Wrapping non-Vue libraries as Vue components to maintain a consistent paradigmUsing Popper.js with Vue to build dropdowns and tooltipsUsing portals to build better modal componentsPatte...

11 Huhti 20181h 32min

85: Frank de Jonge - Event Sourcing for Beginners

85: Frank de Jonge - Event Sourcing for Beginners

Topics include:What does "event sourcing" even mean?What do terms like "aggregate" and "projection" mean in the context of event sourcing?What are the benefits of modeling something with event sourcin...

30 Maalis 20181h 12min

84: Edd Yerburgh - Testing Vue.js Components

84: Edd Yerburgh - Testing Vue.js Components

Topics include:Challenges with testing Vue components prior to vue-test-utilsHow vue-test-utils works and what it looks like to test a componentChoosing a test runnerCommon mistakes people make when t...

14 Maalis 201844min

83: DHH - Stimulus in Practice + On Writing Software Well

83: DHH - Stimulus in Practice + On Writing Software Well

Topics include:What JavaScript looked like at Basecamp before StimulusWhy Basecamp chose to create a new framework instead of using React, Angular, or VueHow Basecamp uses server-rendered partials ins...

28 Helmi 201853min

82: Sarah Drasner - Animating the Web with CSS and JavaScript

82: Sarah Drasner - Animating the Web with CSS and JavaScript

Topics include:Using animation to make interfaces easier to useThe difference between animations and transitionsWhen to use CSS animations vs. JavaScript animationsWhich CSS properties are safe to ani...

14 Helmi 201850min