Web Rush

Episode 185: Speed Up Frontend Development With Maria Korneeva

Episode Summary

Maria Korneeva talks through options for speeding up frontend development, including running a fake backend server, using linters, resizing images, IDE utilities, and more.

Episode Notes

Recording date: May 5, 2022

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Maria Korneeva @BrowserPerson

Brought to you by

• AG Grid

  

• Narwhal

  Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

  

Resources:

• Web Rush Episode 155: Building a Technology Radar with Maria Korneeva
• Maria’s blog on Medium
• Angular and Jest with Maria
• How to type faster
• What is CI/CD
• Jimp to resize images in gulp
• Husky
• Gulp
• Git Hooks
• Compress Images for the Web with GitHub Actions
• Sort Imports extension for VS Code
• What is a linter?
• What is a Web Framework
• Linters
• Four Design patterns in FrontEnd Web
• JavaScript Design Patterns
• The Gang of Four book - Design Patterns book
• Container-Presenter Pattern
• Jira
• Behavior Driven Testing
• JSON Server
• Fake backend for testing
• Mockaroo tool for fake data
• Simulate data on the server with Angular
• What is a full-stack developer?
• Putting Lipstick on a Pig
• Slides for Maria’s presentation
• Moment.js alternatives

Timejumps

• 00:47 Dan's wardrobe color
• 02:46 Guest introduction
• 04:14 Drawing
• 06:58 What's your process for drawing?
• 08:22 Sponsor: Ag Grid
• 09:22 How can we program quicker?
• 11:10 Linters
• 13:22 Bundlers
• 14:11 Resizing images
• 16:09 Task runners
• 17:01 IDE Utilities
• 18:11 Frameworks
• 19:06 Design patterns
• 24:05 Processes
• 25:24 Alerting
• 25:57 Sponsor: Narwhal
• 26:33 Fake backend
• 31:57 People and culture
• 33:52 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.