How To Build A React App w/ Hooks & Airtable API | styled-components | Code Quality Check

Channel:

codeSTACKr

Subscribers:

296,000

Published on August 27, 2020 1:00:05 PM ● Video Link: https://www.youtube.com/watch?v=FEoEvSmtmPQ

Category:

Tutorial

Duration: 36:07

15,417 views

389

👉 Sign up for embold.io for FREE: https://embold.io/?utm_source=Youtube&utm_medium=Video&utm_campaign=Jesse_Hall_AugSep20

In this video, I'll show you how to build a goal manager using React, Airtable, and styled-components. Then we'll publish our code to GitHub and run our code through an amazing tool called embold.io. It's going to check the quality of our code and look for issues in our code for us.

We'll use Airtable as our goal management dashboard. Then connect our React app using the Airtable API. And style our app using styled-components including global styles.

Lastly, we'll publish our app to GitHub and run it through embold.io. I'll show you how to create a project in embold.io and have it scan your repository for issues.

🔗🔗 LINKS 🔗🔗
👉 Sign up for embold.io for FREE: https://embold.io/?utm_source=Youtube&utm_medium=Video&utm_campaign=Jesse_Hall_AugSep20
👉 50 Projects from @Colby Fayock: https://50reactprojects.com/
👉 Airtable Signup: http://bit.ly/airtable-codestackr
👉 GitHub Project: https://github.com/codeSTACKr/goal-manager-react

⏳ Time Stamps ⏳
00:00 Intro
00:26 embold.io Overview
00:58 Idea: Colby Fayock
02:16 Airtable Set-Up
07:24 React Project
17:56 styled-components
31:37 Publish to GitHub
32:34 embold.io Project Set-Up & Walkthrough
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #Reactjs #Airtable