Getting Hooked On React
If Spotify isn’t available in your country, you can use another podcasting app to access the episode!
React is a frontend library that is in super high demand in the industry. But, it can be difficult to get up and running with. Today we’ll talk about with React: why it’s so great, how data flows, and the gotchas we encountered when learning it. Let’s get started!
Sponsors.
A huge thank you to our sponsors for supporting the Ladybug Podcast! Interested in becoming a Ladybug Podcast sponsor? Head over to our Sponsorship page for more details.
AWS Amplify is a suite of tools and services that enables developers to build full-stack serverless and cloud-based web and mobile apps using their framework or technology of choice on the front end.
Using Amplify you can quickly get up and running with things like hosting, authentication, managed GraphQL, serverless functions, APIs, machine learning, chatbots, and storage for files like images, videos, and pdfs.
Amplify is built especially in a way to enable traditionally front-end developers to be successful because they can use their existing skillset to build real-world full-stack apps that in the past would require deep knowledge around back end, dev ops, and scalable infrastructure.
The Amplify Console then allows you to use a Github repository to deploy to a globally available CDN, with CI and CD built-in.
To learn more, visit aws-amplify.github.io
Vonage is a cloud communications platform that allows developers to integrate voice, video and messaging into their applications using their communication APIs. Whether you’re wanting to build video calls into your app, create a Facebook bot, or build applications on top of programmable phone numbers, you’ll have all the tools you need.
Formerly known as Nexmo, Vonage has you covered for all API communications projects. Sign up for an account at nexmo.dev/ladybug and use promo code LDBUG10 for €10 of free credit.
Have you taken time off from your career as a software developer? Get back into it with Welcome Back by Shopify. If you’ve taken extended leave for sickness, parental, or personal reasons, Welcome Back by Shopify will help you re-enter the tech industry with confidence. Refresh your software development skills and get hands-on training with this immersive, 3-month paid program…built by Shopify’s Engineering team. Welcome Back also rebuilds context gathering, cross-team communication, and problem identification muscles to help developers reenter the workforce at a senior level. This program is available in Shopify’s Ottawa and Toronto offices but if you’re interested in visiting Canada and coding, be sure to apply! Who knows, maybe you’ll unlock a new career in a new country! Experienced software developers can apply before September 13th by searching Shopify Welcome Back or visiting shopify.com/careers.
Show Notes.
02:15 - What is React?
06:35 - Framework vs. Library
10:43 - Why is it helpful?
12:32 - What is a component?
22:52 - React's lifecycle
25:47 - Data in React
36:34 - JSX
37:24 - Setting up a React app
43:34 - Shoutouts
Transcript.
We provide transcripts for all of our episodes. You can find them here!
