Web Rush

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

William Imoh @iChuloo

• ag-Grid

• Narwhal

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

• Frisby.js RESTful API testing
• Jasmine for testing
• Jest testing
• Postman API tool
• Insomnia API tool
• Swagger API documentation tool
• Joi
• API and Usage of Frisby with Auth tokens
• Faker.js
• Memory Maker book
• Azure Static Web Apps
• Elventy
• Elgato Key Light

• 02:42 Guest introduction
• 04:25 What are Frisby and Jest?
• 05:37 How does Frisby make life easier?
• 06:42 What is Postman?
• 13:29 Sponsor: Ag Grid
• 14:30 Getting Joi from Frisby
• 18:50 How do you handle authentication?
• 25:41 Sponsor: Nrwl
• 26:14 How do you pass tokens or specify environment data?
• 28:08 Any frustrations with this set up?
• 31:16 How does it handle file uploads?
• 34:50 Final thoughts

Recording date: 2020-05-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Aristeidis Bampakos @abampakos

• Visit preemptive.com/realtime for your FREE Realtime Demo of JSDefender. Test out for yourself what your code can look like obfuscated!

• ag-Grid

• Electron
• Chromium
• Node.js
• Main and Renderer processes
• Angular
• Visual Studio Code in Electron
• Slack on electron
• List of apps using electron
• GDPR
• TypeScript on Electron
• Bing Maps
• Google Maps
• Axios
• Electron quick start
• open layers
• Security Checklist for Electron apps
• Why Security for Electron
• How to fully disable the remote module
• Why remote is harmful
• NodeGUI
• Building Electron Apps with Ionic Capacitor
• NW.js
• Whatsapp and electron
• Electron governance
• Fermi Labs
• UniFi Dream Machine
• Profanis.me
• Aristideis on Medium
• devTo

• 01:31 Guest introduction
• 04:59 What did Electron give you?
• 08:00 Sponsor: jsDefender
• 08:28 What are the benefits of Electron?
• 17:49 What is the interface between HTTP requests and electron apps?
• 21:38 What about security or authentication?
• 30:46 Sponsor: Ag Grid
• 31:52 Are there other security concerns when using Electron?
• 34:52 What are the alternatives to Electron?
• 39:14 Who owns Electron and what's the future?
• 42:22 Final thoughts

Recording date: 2020-04-28

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gustavo Miranda LinkedIn

ag-Grid

Narwhal

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

• UseHooks.com
• Atomic Web Design
• Hooks State
• Redux Toolkit
• Writing custom hooks
• NOT reactive-react-redux
• Official react-redux + hooks
• React is becoming a black box
• Kent C. Dodds on testing custom hooks
• React-Query

• 01:58 Guest introduction
• 03:05 What are React hooks and why are they important?
• 10:16 Sponsor: Ag-Grid
• 11:21 How do Hooks tie into moments in React?
• 12:43 What kind of application did you switch to use Hooks?
• 14:21 What is Atomic Design?
• 18:52 Did you have to change the way you think about React?
• 21:41 What was the learning curve like?
• 27:21 Sponsor: Nrwl
• 28:02 How do you use Hooks to manage state?
• 34:22 How do folks new to Hooks get started?
• 38:02 Final thoughts

Recording date: 2020-04-2

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Ryan Lanciaux @ryanlanciaux

• ag-Grid

• Narwhal

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

• RyanLanciaux.com
• Alton Brown
• Kitchen Confidential
• React Native
• Storybook
• React
• Brad Frost's Atomic Design book
• React props
• React Apps and DevOps on Azure
• Learning Storybook on Pluralsight
• React and Mongo
• react hooks and container presenter in react
• The hook brings you back
• No Soup For You
• Better frontend development with inspiration from the culinary world
• Cutthroat Kitchen
• Lego Masters
• Remix
• Blitz

• 02:11 Guest introduction
• 09:00 Sponsor: Ag Grid
• 10:05 How does this help in software development?
• 17:00 How can this all go wrong?
• 26:53 Sponsor: Nrwl
• 27:39 The value of container presenters
• 31:16 How does this help me as a developer?
• 37:52 Final thoughts

Recording date: 2020-04-16

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Gil Fink @GilFink

• ag-Grid

• IdeaBlade

• Gil Fink
• React Hooks
• D3 Charts
• Arduino Code Playgrounds
• Uri Shaked
• Free Seminar on Getting Started with a Career in Web Development
• Scary documentary on the 1919 Flu

• 00:29 Guest introduction
• 02:28 How are you using React?
• 10:11 Sponsor: Ag Grid
• 11:12 How did you make D3 work within React?
• 22:30 Don't make everything a hook
• 30:22 Sponsor: IdeaBlade
• 31:26 Wrapping third party elements
• 39:06 Final thoughts

Recording date: 2020-04-29

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Mitch Webster @mtwebster

Daria Grigoriu @DariaGrigoriu

ag-Grid

IdeaBlade

• 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

• 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

Recording date: 2020-04-14

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Chris @ChrisOnCode

• ag-Grid

• Narwhal

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

• 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

Recording date: 2020-04-09

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Daniel Roe @DanielcRoe

• ag-Grid

• Narwhal

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

• Vue
• Nuxt
• GraphQL
• Postgress
• Deploy Vue to Azure
• Postgress on Azure
• Nuxt and Server Side Rendering (SSR)
• Deploying Apollo and GraphQL with Azure
• Parent Scheme
• Zeit now
• Zeit now and lambda
• FAAS
• Serverless Functions and Nuxt
• CDN
• Nuxt Server Middleware
• Time To Interactivity (TTI)
• Daniel's word: floccinaucinihilipilification
• How to sound smart in your TEDx Talk

• 01:41 Guest introduction
• 09:14 Sponsor: Ag Grid
• 10:19 What are Nuxt, Vue, and GraphQL?
• 13:25 Why is Server Side Rendering important?
• 20:59 Hosting on Lambda
• 29:08 Sponsor: Nrwl
• 29:43 How easy is it to go client rendered?
• 36:13 What's the difference between Nuxt and Vue?
• 40:33 Quicklinks
• 42:57 What are the challenges with Nuxt?
• 51:51 Final thoughts

Recording date: 2020-04-07

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Domenik @ReitznerDomenik

• ag-Grid

• Narwhal

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

• Svelte
• CSS Grid
• Svelte basics
• WebPack
• Rollup.JS
• Rollup in Svelte
• Sapper
• Svelte Chat
• Easiest Way to get Started with Svelte
• Svelte Tutorial
• NY Times Coronavirus Map
• Degit
• Folding at Home

• 02:15 Guest introduction
• 04:59 What was it that drew you to Svelte for this project?
• 06:17 Why is there less boilerplate?
• 07:29 Sponsor: Nrwl
• 08:09 Webpack and Rollup.js
• 12:09 Did you miss not having a cli?
• 15:06 What's it like developing with Svelte?
• 24:57 What is the magic in the bundle?
• 32:26 Sponsor: Ag Grid
• 33:33 Why might someone not want to use Svelte?
• 43:00 Final thoughts

Recording date: 2020-03-24

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Naomi Meyer @Nae_Ohmi

• ag-Grid

• Narwhal

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

• What's the difference between i18n and l10n?
• I18n on Azure
• Video of Naomi Meyer presening i18n and l10n at AngularConnect
• intl object in javascript
• intl object in caniuse.com
• React Intl
• Angular i18n
• Vue i18n
• Svelte i18n
• Spectrum International Design
• What every JavaScript developer should know about Unicode
• momentJS
• React Berlin Data Visualizations and Internationalization
• Date Fns - Date library
• Content Localization on Azure
• CodeTour VS Code Extension
• The VS Code Extension for Code Tour by Jonathan Carter

• 02:44 Guest introduction
• 04:52 What are the terms we're talking about?
• 10:01 Why should we care about this?
• 11:10 Sponsor: Narwhal
• 11:43 Advice for designers building sites
• 16:35 What about ALT text?
• 27:30 Is it worth the extra time and investment?
• 33:28 Sponsor: Ag Grid
• 34:27 How do I work with unicode?
• 39:41 Final thoughts