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:

  / _jessicasachs  
https://fakerjs.dev/
https://www.componentdriven.org/
https://github.com/vueuse/vueuse
https://mswjs.io/
https://docs.cypress.io/api/commands/...
https://github.com/faker-js/faker
https://chat.fakerjs.dev/
https://www.indeed.com/
https://www.airbnb.com/


Watch future episodes live at   / 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?