Video Recordings Setup + Plan

setup

• OBS
• Visual Studio Code
• Mac
• Thumbnails
• background Music
• video Edit tools
• intro/outro material
• Record process (video)
• Record process (audio)
• Recording Calendar
• twitch events calendar

Content

• Videos Setup

• Gatsby 101

• DangerJS

• Git OSS Workflow

• Gatsby

  • meat
  • theme development

• JS tips

  • refactor for loops to list operation (map)
  • currying

• React Tips

  • abstract components
  • controlled vs uncontrolled components
  • bracket notation for handleChange events
  • different ways to call setState
  • stateless vs statefull

• CSS Tricks

  • switch component styling with pseudo selectors
  • borders with shadows
  • setting width on elements
  • Sections separation benefits

• React Native Web

  • setup
  • accesibillity

• Deploy your apps

  • Next
  • Amplify
  • Heroku

• What you will learn on the Foundation React Workshop

• show RNW + Responsive + SSR Hack

• Hamerlin finish video (+ next steps)

Livestreaming

• Devigner website
• schema customization on gatsby theme instagram
• gatsby-theme-shots: Dribbble + behance + pinterest

DangerJS

Spreading the work

• export thumbnails for youtube
• export mini videos for twitter