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)

137: Tim Neutkens - Continuing to Innovate with Next.js 9.3

137: Tim Neutkens - Continuing to Innovate with Next.js 9.3

Topics include:An overview of the new getStaticProps, getStaticPaths, and getServerSideProps APIsHow Next.js helps you serve static pages from an edge CDN automatically, without affecting the actual a...

8 Huhti 20201h 23min

136: Michael Chan - React Is Not a Rails Competitor

136: Michael Chan - React Is Not a Rails Competitor

Topics include:What do people actually mean when they say "I used to use Rails, but now I use React"?Why back-end development is still a crucial part of building any web applicationWhat third-party se...

25 Maalis 20201h 8min

135: Lessons Learned Building Tailwind UI

135: Lessons Learned Building Tailwind UI

Topics include:What Tailwind UI is and why we decided to build itHow odd numbers can wreak havoc on a user interface, and how to avoid themCrafting the perfect form controlUnexpected benefits of worki...

4 Maalis 20201h 38min

134: Mark Dalgleish - You Should Be Using Layout Components

134: Mark Dalgleish - You Should Be Using Layout Components

Topics include:What problems you run into when baking white space into components, and why your components should never contain any surrounding white space at allLayout challenges you run into due to ...

12 Helmi 202056min

133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js

133: Sam Selikoff - Building Production-Ready SPAs Fast with Mirage.js

TopicsWhat is Mirage and how does it work?What makes Mirage better than a dummy JSON server you run on another port?What makes Mirage better than running your actual API locally?Using Mirage for actua...

29 Tammi 20201h 3min

132: Caleb Porzio - Just Enough JavaScript with Alpine.js

132: Caleb Porzio - Just Enough JavaScript with Alpine.js

Topics include:What is Alpine and what does it replace?How does Alpine compare to Vue?How does Alpine compare to Stimulus?“Why not just use vanilla JavaScript you dummy?”How Alpine works internallyPat...

15 Tammi 20201h 26min

131: Ryan Singer - How Basecamp Builds Software

131: Ryan Singer - How Basecamp Builds Software

Topics include:Why "fixed time, variable scope" is so important for actually getting things doneIntegrating development and design into a single process instead of design first, develop laterWhat it m...

1 Tammi 20201h 13min

130: David Khourshid - Building Better UI Components with State Machines

130: David Khourshid - Building Better UI Components with State Machines

Topics include:What exactly is a finite state machine?Why trying to keep track of a component's status using boolean flags is leads to bugs and complex codeWhy it makes so much more sense to keep trac...

11 Joulu 201954min