Frontend Greatness Ari-Pekka Koponen

Kimmo Brunfeldt a software developer and an entrepreneur joins Ari Koponen on the Frontend Greatness podcast to talk about "Automated Visual Testing."

In this episode:
- Common challenges with visual testing
- Tools for visual testing
- Discussion on if visual testing worth all the trouble

---
Episode Notes

Social
- Kimmo on Twitter: https://twitter.com/kimmobrunfeldt
- Ari on Twitter: https://twitter.com/apkoponen

Show Notes
- Swarmia: https://www.swarmia.com/
- PhantomJS: https://phantomjs.org/
- CasperJS: https://github.com/casperjs/casperjs
- SlimerJS: https://github.com/laurentj/slimerjs
- Puppeteer: https://github.com/puppeteer/puppeteer
- Playwright: https://github.com/microsoft/playwright
- Squint: https://github.com/kimmobrunfeldt/squint
- Cypress: https://www.cypress.io/
- Percy: https://percy.io/
- Chromatic: https://www.chromatic.com/

Kimmo's Recommendations
- Frontend Focus: https://frontendfoc.us/
- Dan Abramov's blog: https://overreacted.io/

Sallar, an independent software engineer and the co-creator of the open-source Buttercup password manager joins Ari Koponen on the Frontend Greatness podcast to talk about "Cross-Platform Frontend Development."

In this episode:
- What should every frontend developer know about cross-platform frontend development?
- Pro-tips for cross-platform frontend development
- Common cross-platform platform myths busted

---

Episode Notes

Social
- Sallar on Twitter: https://twitter.com/sallar
- Buttercup on Twitter: https://twitter.com/buttercup_pw
- Ari on Twitter: https://twitter.com/apkoponen

Show Notes
- "Building the Future of Our Desktop Apps" from Spotify Engineering: https://engineering.atspotify.com/2021/04/07/building-the-future-of-our-desktop-apps/
- Electron.js: Ehttps://www.electronjs.org/
- Expo: https://expo.dev/
- React Native: https://reactnative.dev/
- Flutter: https://flutter.dev/

Sallar's Recommendations
- Read timeless books
- Just build something all by yourself

Evyatar, a Front End Engineer at Facebook and the author of the Vest validations framework joins Ari Koponen on the Frontend Greatness podcast to talk about "DX is UX."

In this episode:
- Why developer experience and ergonomics matter?
- How you build tools and libraries that developers love to use?
- How are DX and UX principles similar.

---
Episode Notes

Social
- Evyatar's Twitter: https://twitter.com/AlushEvyatar
- Ari's Twitter: https://twitter.com/apkoponen

Show Notes
- Evyatar's blog post on DX: https://medium.com/fiverr-engineering/creating-apis-for-the-human-developer-c0f51a6d9366
- Vest: https://github.com/ealush/vest
- Yup: https://github.com/jquense/yup
- Zod: https://github.com/colinhacks/zod
- Joi: https://github.com/sideway/joi

Evyatar's Recommendations
- "The Design of Everyday Things" by Donald A. Norman: https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123
- Christoph Nakazawa's blog: https://cpojer.net/

Oliver Schöndorfer, a UI Designer and Typographer, who helps developers improve their websites through pimped typography joins Ari Koponen on the Frontend Greatness podcast to talk about "Better Web Typography."

Oliver's YouTube Channel “Pimp my Type”: http://pimpmytype.com
Newsletter with weekly font recommendations for web and app design: https://pimpmytype.com/newsletter

In this episode:
- How can you make typography on the web better?
- Choosing fonts for your next web project
- Using variable fonts to improve typography and performance

---
Episode Notes

Social
- Oliver's Twitter: https://twitter.com/glyphe
- Pimp My Type: http://pimpmytype.com
- Ari's Twitter: https://twitter.com/apkoponen

Show Notes
- Web Almanac - Fonts: https://almanac.httparchive.org/en/2020/fonts/
- "5 steps to faster web fonts": https://iainbean.com/posts/2021/5-steps-to-faster-web-fonts/
- Prevent Faux Fonts: https://alistapart.com/article/say-no-to-faux-bold/
- Avoid Google Fonts: https://wicki.io/posts/2020-11-goodbye-google-fonts/
- Rasmus Anderssons (@rsms): https://twitter.com/rsms
- The "Il1 ag" rule.

Oliver's Recommendations
- Zack Leatherman: https://twitter.com/zachleat
- "Web Typography" by Richard Rutter: https://www.amazon.co.uk/Web-Typography-designing-typography-responsive/dp/099566420X
- Typography.guru on YouTube: https://www.youtube.com/typographyguru 

David Khourshid, the creator of XState, a pianist, and a software developer, joins Ari Koponen on the Frontend Greatness podcast to talk about "From Redux to XState."

In this episode:
- Which parts of Redux you can replace with XState?
- Can/should you manage all your state with state machines?
- How to persuade your colleagues to use state machines?

---
Episode Notes

Social
- David's Twitter: https://twitter.com/DavidKPiano
- Ari's Twitter: https://twitter.com/apkoponen

Show Notes
- XState: https://xstate.js.org/
- XState Visualizer: https://xstate.js.org/viz/
- XState Catalogue: https://xstate-catalogue.com
- "Video with Rainbow colored shirts": https://youtu.be/7erJ1DV_Tlo
- Emmet: https://emmet.io/

David's Recommendations
- Statecharts.dev: https://statecharts.dev/
- Matt Pocock: https://twitter.com/mpocock1
- XState Discord: https://discord.gg/xstate
- Keyframers Youtube: https://youtube.com/keyframers
- Constructing the User Interface with Statecharts: https://www.goodreads.com/book/show/4589003

Chris Bongers is a digital nomad and the author of daily-dev-tips.com joins A-P Koponen on the Frontend Greatness podcast to talk about "Building an Online Network of Peers."

In this episode:
- How Christ ended building a network of peers.
- Why a network of peer outside your current company is so valuable.
- How to find and connect with peers online.

---
This episode is sponsored by Supermetrics.
They are hiring Senior React Developers:
https://careers.supermetrics.com/jobs/1070468-senior-react-developer

---
Episode Notes

Social
- Chris' Twitter: https://twitter.com/DailyDevTips1
- A-P's Twitter: https://twitter.com/apkoponen

Show Notes
- Daily Dev Tips Blog: https://daily-dev-tips.com/
- Blogging for Devs: https://bloggingfordevs.com/
- Reactiflux: https://www.reactiflux.com/

Chris' Recommendations
- Hacktoberfest: https://hacktoberfest.digitalocean.com/
- Hackathons
- Instead of consuming, interact with content.
- daily.dev: http://daily.dev/
- Hashnode: https://hashnode.com/
- Dev.to: http://dev.to/
- freeCodeCamp: https://www.freecodecamp.org/
- The Odin Project: https://www.theodinproject.com/