Component-driven development with Faker.js

Using realistic data for dev helps create more resilient code in less time. Jessica Sachs will teach us how to use component-driven dev + Faker.JS to build better code faster. Upcoming episodes: https://lwj.dev/schedule Links & Resources: - https://twitter.com/_jessicasachs - https://fakerjs.dev/ - https://www.componentdriven.org/ - https://github.com/vueuse/vueuse - https://mswjs.io/ - https://docs.cypress.io/api/commands/intercept - https://github.com/faker-js/faker - https://chat.fakerjs.dev/ - https://www.indeed.com/ - https://www.airbnb.com/ Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Vets Who Code (https://lwj.dev/vetswhocode) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) 00:00:00 - Welcome 00:00:29 - Who is Jessica Sachs? 00:01:31 - What is Faker.js? 00:13:59 - What’s component driven interfaces? 00:17:00 - How do I start with component-driven development? 00:24:08 - Looking at the possible data in Faker 00:25:33 - Installing Faker 00:40:36 - Using borders to verify 00:43:00 - Using Faker to break styles 00:57:26 - Mock service workers 01:00:05 - Cypress intercept API 01:01:44 - Where can people learn more about Faker.js?