Podcast summary and Notes on "online stores"

Potluck - Handling Auth × Are Web Dev Real Developers? × Handling Git Conflicts × Converting PNG to Box-Shadow × Bad Docs vs No Docs × Making Shopify Headless

In this potluck episode of Syntax, Wes and Scott answer your questions about handling auth, are web dev real developers, handling Git conflicts, converting PNG to Box-Shadow, bad docs vs no docs, making Shopify headless, and more.

Sentry - Sponsor

If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes

00:10 Welcome
01:32 Fool’s winter
03:25 How do you handle authentication in an app?
09:42 Responding to people who don’t think developers are real developers?
12:21 How do you handle git conflicts in package-lock.json and/or yarn.lock files?
14:42 I built a small project which converts .png images to CSS box-shadow values.
Img to Box Shadow
16:37 January 19th, 2038 at 03:14:08 is the end of epoch
Office Space
20:31 Sponsor: Sentry
22:44 Should I begin to add PropTypes to my packages and projects?
25:59 What’s worse: bad documentation or no documentation?
27:37 How do you find the motivation or discipline to follow through in side projects?
29:48 I need to take an existing Shopify site and make it headless - what should I use?
37:55 Sponsor: Sanity
39:18 You have a ?token= query param and some token value for it. Could you explain a bit more on what is that for?
44:05 Have you thought about selling Syntax.fm shirts?
46:05 Can I migrate my Express routes to Next.js’ API and get the same httpOnly cookies workflow?
52:03 Sponsor: Freshbooks
52:52 Sick Picks

××× SIIIIICK ××× PIIIICKS ×××

Scott: Okeeffe’s Lip Balm
Wes: Okeef’s Working Hands

Level Up Course Drop - https://youtu.be/LATf_lVYoMQ?t=829

Shameless Plugs

Scott: Level Up Course Drop
Wes: Wes Bos Course player update

Tweet us your tasty treats

Scott’s Instagram
LevelUpTutorials Instagram
Wes’ Instagram
Wes’ Twitter
Wes’ Facebook
Scott’s Twitter
Make sure to include @SyntaxFM in your tweets

Syntax - Tasty Web Development Treats

enMarch 16, 2022

dependency management

Hasty Treat - Client vs Server Data Validation

In this Hasty Treat, Scott and Wes talk about client- and server-side validation, and what each is used for!

Netlify - Sponsor

Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info.

Show Notes

02:49 - Wes’ story

06:28 - What is the role of client-side validation?

Help the user input the correct data as they type it.
Show correct data in UI.
Show correct UI.
Just about all of these things are for the user’s benefit, and how they feel when using the site.

11:10 - What is the role of server-side validation?

Validate that all the data is correct before it’s saved to the database
Security first and foremost

15:03 - What process should a store follow to validate on the server?

Check that correct types are coming in. Very easy with Graphql.
Get current stock and price information from unique ids from the database.
Confirm that this information is what the user is expecting — if the UI said the user will be charged $40, don’t charge them $50 just because of the updated info. In that case, send back to the user.

17:17 - What do you do if you don’t want people messing with your React state?