By John Papa

John and Craig are joined by Mitch and Daria from Azure to talk about Azure Static Web Apps. What is Azure Static Web Apps? Who is the target audience for it? And how does Azure Static Web Apps work with custom domains, Github Actions, and authentication?

const podcast = { 
  episode: bonus,
  title: 'Azure Static Web Apps',
  topics: [ 
    'javascript', 'azure', 'web app',
  ],
  guest: 'Daria Grigoriu', 'Mitch Webster'
  hosts: [
    'John Papa', 'Craig Shoemaker'
  ]
};

Brought to you by

• ag-Grid

• IdeaBlade

Resources:

• Azure Static Web Apps
• GitHub Actions
• React
• Angular
• Vue
• Svelte
• Oryx
• Points of Presence
• Azure Functions
• Azure Tools Visual Studio Code Extension
• Azure Functions Extension
• Develop Azure Functions with VS Code
• Tutorial on how to refactor node.js and express APIs to Serverless with Azure Functions
• Develop Azure Functions by using Visual Studio Code
• Azure Functions documentation
• DarkNet Diaries #52

Timejumps

• 01:10 Guest introduction
• 02:35 What is the new offering from Azure?
• 03:21 Who is the target audience for this?
• 08:49 Sponsor: Ag Grid
• 09:47 Customize GitHub Actions
• 13:28 How is performance and speed?
• 17:20 What about custom domains?
• 19:51 Point of presence
• 21:41 What are the cons to this service?
• 25:44 Sponsor: IdeaBlade
• 26:51 What is the API situation?
• 29:58 How does authentication work?
• 34:29 Final thoughts

Source:: johnpapa

By Dr. Axel Rauschmayer

In this blog post, we take a first look at the ECMAScript proposal “Record & Tuple” (by Robin Ricard and Rick Button). This proposal is about introducing two kinds of compound primitive values to JavaScript:

• Records, an immutable compared-by-value version of plain objects
• Tuples, an immutable compared-by-value version of Arrays

Source:: 2ality

Ben Nadel demonstrates (to himself) that the return value of an async / await function is implicitly wrapped in a Promise.resolve() call in JavaScript and TypeScript. And, that this will implicitly flatten the Promise chain as the return value is chained….

Source:: bennadel.com

By John Papa

Chris from Scotch.io talks with John, Ward, and Dan about his experience building Scotch.io, how he’s incorporated Jamstack elements, using Cloudflare to speed up the site around the world, how to design for boring business sites, and CMS options to consider if he was to rebuild Scotch.io today.

const podcast = { 
  episode: 84,
  title: 'Lessons on Building Scotch.io',
  topics: [ 
    'courses', 'jamstack', 'react',
  ],
  guest: 'Chris on Code',
  hosts: [
    'John Papa', 'Ward Bell','Dan Wahlin'
  ]
};

Brought to you by

• ag-Grid

• Nrwhl

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

Resources:

• Scotch.io
• Getting Started on Scotch.io
• React.js
• JAMStack
• Cloudflare for caching
• Optional Chaining
• Cache everything with Cloudflare
• Troy Hunt and Cloudflare
• Angular Elements
• Vue.js
• Algolia for instant search
• Scotch IO React
• Patagonia
• Immured
• Tutorial on how to build the scotch.io animated logo
• Rich Text Editor for React draft.js
• Prismic.io
• content platform
• GraphQL APIs on Contentful
• Strapi content distribution
• Sanity.io
• Gatsby
• Digital Ocean
• Webflow
• Hippo CMS
• gh, the new GitHub CLI

Timejumps

• 04:26 What is Scotch.io?
• 07:57 How has the Jamstack worked out?
• 09:59 Sponsor: Nrwl
• 10:31 Why look for a Jamstack model?
• 15:17 How does React help?
• 18:30 What is Algolia?
• 23:32 How do you design for boring business sites?
• 27:43 What’s the security and authentication aspect?
• 30:41 Sponsor: Ag Grid
• 31:47 What kind of CMS do you use?
• 41:37 Any regrets or great choices made along the way?
• 43:50 Final thoughts

Source:: johnpapa

Ben Nadel explores the SessionStorage API, and how it can be used a place to store temporary form data in an Angular 9.1.9 application. This allows unsaved data to be repopulated in a form upon accidental page refreshes unexpected error messages….

Source:: bennadel.com

Ben Nadel shares the nonsensical solution to an image error that he was receiving in Lucee CFML 5.3.4.77. This is being posted for reference in case anyone ever runs into it and tries to Google for it….

Source:: bennadel.com

Ben Nadel attempts to apply the canonicalize() function to a URL by breaking the URL up into its individual components; and then, canonicalizing and encoding each component separately; in Lucee CFML 5.3.6.61. The hope is to try and sanitize malicious URLs without corrupting friendly ones….

Source:: bennadel.com

Source:: juristr.com

Ben Nadel attempts to reproduce a user experience (UX) pattern that he found in Gmail: hiding scrollbars of an overflow-hidden container until the user mouses-into the container. He wraps his approach up in an Angular 9.1.7 component with content-projection….

Source:: bennadel.com

By William Imoh

Part 1 of this series chronicles the process of using remote images from Cloudinary in GatsbyJS projects through GraphQL queries. Here in part 2, you’ll learn how to —

• Leverage remote images stored in Cloudinary and served through an optimized content delivery network (CDN).
• Serve fluid or fixed images with gatsby-image.
• Render images for responsiveness and optimize them with gatsby-image.
• Transform those images with Cloudinary.

For instance, we can quickly change this penguin image:

Specifically, this part guides you through two processes:

1. Fetch an image from Cloudinary with the getFluidImageObject

Source:: scotch.io