yoshi 4
Higher
Further
Faster
Why we release major versions?
Promote and enable the most advanced cutting edge technologies and workflows while supporting legacy projects
What we're going to talk about today
* E2E tests on watch mode
* Handling SVG
* App Flow
* Fast TS
* Flexible test globs
* Smaller CSS bundle
How do you TDD?
write test -> build -> test -> check console -> modify production code -> build -> test -> check console -> ...
write test -> check console -> modify production code -> check console
This is suboptimal
E2E tests lifecycle
http://localhost:3000
http://localhost:3200
1. Bundle the JS & CSS
2. Serve the statics (CDN)
3. Serve the html (App server)
What are the required build steps?
CI Flow
VS
Local Flow
CI flow
npx yoshi buildnpx yoshi testBundle the client for production
and save it to the file system
Serve the bundle from the file system
and run the tests using the production bundle
Local Flow
npx yoshi startnpx jest --watchBundle the client for development and also serve it
Run the tests on watch mode using the development bundle
--no-test
Let's see some code
yoshi 4
By Ran Yitzhaki
